Javascript 标题会毫不延迟地自动弹出

Javascript 标题会毫不延迟地自动弹出,javascript,html,css,Javascript,Html,Css,有没有可能实现js onclick功能,如果有人自动点击该图标,标题文本就会显示出来,或者当有人将鼠标移到它上面时,标题就会立即显示出来?现在元素的标题将在1秒后显示。您将无法覆盖默认浏览器行为,即它如何显示包含标题属性文本的工具提示,但您可以按照其他问题上的步骤显示和隐藏包含相关文本的div(该方法使用jQuery并处理悬停,但添加单击处理程序并不是一个很大的扩展) 你可以试试这个,纯css,不带js: HTML: 您必须创建自己的工具提示。您不需要JavaScript,纯CSS就足够了:

有没有可能实现js onclick功能,如果有人自动点击该图标,标题文本就会显示出来,或者当有人将鼠标移到它上面时,标题就会立即显示出来?现在元素的标题将在1秒后显示。

您将无法覆盖默认浏览器行为,即它如何显示包含
标题
属性文本的工具提示,但您可以按照其他问题上的步骤显示和隐藏包含相关文本的
div
(该方法使用jQuery并处理悬停,但添加
单击
处理程序并不是一个很大的扩展)


你可以试试这个,纯css,不带js:

HTML:

您必须创建自己的工具提示。您不需要JavaScript,纯CSS就足够了:

。工具提示{
显示:无;
位置:绝对位置;
背景:#ffe;
边框:1px实心#eed;
边界半径:4px;
填充物:2px4px;
}
:悬停+。工具提示{
显示:块;
}
正文{字体系列:无衬线;}
悬停以显示工具提示
工具提示文本显示在此处
可能重复的
<div class="hover">
    Hover Me
    <div class="tooltip">
        Tooltip goes here
    </div>
</div>​
.hover{
    border:1px solid black;
    text-align:center;
    width:150px;
    position:relative;
}

.tooltip{
    display:none;
    position:absolute;
    border:1px solid red;
    border-radius: 5px;
    padding:5px;
    top:-10px;
    left:200px;
    width: 300px;
}

.hover:hover .tooltip{
    display:block;
}​