天道酬勤,学无止境

jQuery - 当鼠标悬停在元素上时如何继续动画?(jQuery - How can I continue an animation while the mouse hovers over an element?)

问题

我需要一种方法来执行某种“whileonmouseover”功能以在鼠标悬停在元素上时继续动画...

例如,给定这个函数:

$(document).ready(function()
{
    function doAlert()
    {
        alert(1);
    }

    $('#button').hover(function()
    {
        doAlert();
    });
});

当鼠标悬停在 #button 上时,警报将触发一次。 我需要一种方法来在鼠标停留在 #button 上时继续触发警报...

我试过做某种函数递归来继续警报,直到设置触发器导致它停止:

$(document).ready(function()
{
    var doLoop = true;

    function doAlert()
    {
        if (!doLoop) return;

        alert(1);
        doAlert();
    }

    $('#button').hover(function()
    {
        doAlert();
    }, function()
    {
        doLoop = false;
    });
});

但那失败了。 似乎该函数完全忽略了“悬停”中的“doLoop = false”分配。

有什么办法可以做到这一点吗?

回答1

我建议设置一个间隔而不是递归,因为假设最终的解决方案不仅仅是警报,而是在做一些非阻塞的事情,悬停时递归会迅速导致内存占用和无响应。

就像是:

var hoverInterval;

function doStuff() {
    // Set button's background to a random color
    $("#button").css("background", "#" + Math.floor(Math.random() * 16777215).toString(16));
}

$(function() {
    $("#button").hover(
        function() {
            // call doStuff every 100 milliseconds
            hoverInterval = setInterval(doStuff, 100);
        },
        function() {
            // stop calling doStuff
            clearInterval(hoverInterval);
        }
    );
});
回答2

我建议将以下部分移到 $(document).ready() 函数的范围之外:

var doLoop = true;

function doAlert()
{
    if (!doLoop) return;

    alert(1);
    doAlert();
}

所以试试这个代码:

var doLoop = true;

function doAlert()
{
    if (!doLoop) return;

    alert(1);
    doAlert();
}

$(document).ready(function()
{
    $('#button').hover(function()
    {
        doAlert();
    }, function()
    {
        doLoop = false;
    });
});
标签

受限制的 HTML

  • 允许的HTML标签:<a href hreflang> <em> <strong> <cite> <blockquote cite> <code> <ul type> <ol start type> <li> <dl> <dt> <dd> <h2 id> <h3 id> <h4 id> <h5 id> <h6 id>
  • 自动断行和分段。
  • 网页和电子邮件地址自动转换为链接。

相关推荐
  • 在动画或 slideUp/slideDown 中使用 stop() 时的 jQuery 高度(jQuery height when using stop() in animation or slideUp/slideDown)
    问题 我有一个带有隐藏子菜单的菜单。 当我将鼠标悬停在菜单项上时,我正在动画子菜单以打开,并在我将鼠标移开时关闭。 当用户将鼠标悬停在许多菜单项上时,所有动画都会排队。 为了解决排队问题,我在动画之前添加了一个 stop() 。 这导致了一个更糟糕的问题,当我将鼠标移开时,子菜单的高度会降低到它的大小。 回答1 通过在关闭动画完成后将高度设置为自动来解决。 function leftMenuOut() { var obj = $(this).find(".toggleThisLevel2"); if (obj.length == 0) { return true; } $(this).removeClass("opened"); obj.stop().animate({ height: "hide" }, { queue: false, complete: function() { $(this).css("height", "auto"); } }); return false; } 如果您在隐藏的元素上有填充,您将体验到填充也会缩小。 只需在周围添加一个包含元素,然后更改它的高度,但不要为其添加任何填充或边距。 回答2 这是一个已在 jQuery 1.7.2 中修复的错误:http://bugs.jquery.com/ticket/8685 回答3 你为什么不使用切换功能?
  • 悬停时的jQuery动画(Jquery Animate on Hover)
    问题 我有一个要在其上移动鼠标的动画,例如: $(".tabb tr").hover( function(){ $(this).find("td #headie").animate({marginLeft:'9px'},'slow') }, function() { $(this).find("td #headie").animate({marginLeft:'0px'},'slow') }); 这样..当鼠标悬停在行上时..表格列通过移动很小来进行动画处理。 这里的问题是:当我在这些行上反复移动鼠标光标然后停下来查看时,即使不将鼠标移到动画上,动画也会继续运行一段时间。 稍后它会自动移动。 我该如何制止呢? 回答1 我发现,一篇很好的关于悬停时平滑的jquery动画的文章是Chris Coyier在CSS Tricks上撰写的: http://css-tricks.com/full-jquery-animations/ 因此,将其适合您的代码将如下所示: $(".tabb tr").hover( function(){ $(this).filter(':not(:animated)').animate({ marginLeft:'9px' },'slow'); // This only fires if the row is not undergoing an animation
  • 如何禁用由子元素触发的mouseout事件?(How to disable mouseout events triggered by child elements?)
    问题 让我详细描述问题: 我想在将鼠标悬停在元素上时显示绝对定位的div。 使用jQuery确实很简单,并且效果很好。 但是,当鼠标悬停在子元素之一上时,它将触发包含div的mouseout事件。 悬停子元素时,如何防止javascript触发包含元素的mouseout事件。 用jQuery做到最好和最短的方法是什么? 这是一个简化的示例来说明我的意思: HTML: <a>Hover Me</a> <div> <input>Test</input> <select> <option>Option 1</option> <option>Option 2</option> </select> </div> Javascript / jQuery: $('a').hover( function() { $(this).next().show() } function() { $(this).next().hide() } ); 回答1 这个问题有点老了,但是前几天我碰到了这个问题。 使用最新版本的jQuery进行此操作的最简单方法是使用mouseenter和mouseleave事件,而不是使用mouseover和mouseout 。 您可以使用以下方法快速测试行为: $(".myClass").on( { 'mouseenter':function() { console.log(
  • 如何告诉.hover()等待?(How to tell .hover() to wait?)
    问题 我有一个下拉菜单。 现在,当它向下滑动到多个级别时,我希望它增加等待时间约2秒钟,然后消失,以便用户在错误地破坏.hover()时可以重新进入。 可能吗? 我的幻灯片代码: $('.icon').hover(function() { $('li.icon > ul').slideDown('fast'); }, function() { $('li.icon > ul').slideUp('fast'); }); 回答1 这将使第二个函数在执行前等待2秒(2000毫秒): $('.icon').hover(function() { clearTimeout($(this).data('timeout')); $('li.icon > ul').slideDown('fast'); }, function() { var t = setTimeout(function() { $('li.icon > ul').slideUp('fast'); }, 2000); $(this).data('timeout', t); }); 当用户将鼠标悬停在其上时,它还可以清除超时,以免发生疯狂的行为。 但是,这不是一个非常优雅的方法。 您可能应该检查一下旨在解决此特定问题的hoverIntent插件。 回答2 我个人喜欢“ hoverIntent”插件: http://cherne
  • IE中不触发空div悬停事件(Empty div hover event not firing in IE)
    问题 我有一个div,其中有一个子div。 每当鼠标悬停在父div上时,我就使用jQuery显示/隐藏子div(父div跨越页面的整个底部。宽度:100%,高度100px)。 我已经使用了firebug和开发人员工具栏来确认父div在页面上。 我可以将鼠标悬停在Chrome和FireFox中的空父div上,一切正常。 IE要求我必须将某种文本停留在其中。 div悬停事件不会仅使用一个空的div触发。 解决这个问题的所有可行方法? - 更新 尝试了所有建议,但没有任何效果。 <div id="toolBar"> <div> <button id="btnPin" title="Click to pin toolbar" type="button"> <img id="pin" src="../../images/icons/unpin.png" alt="Pin" /></button> <img src="../../images/icons/search.png" border="0" alt="Search" /> </div> </div> 上面的html包含在母版页div容器中。 子div被jQuery隐藏,并带有一些悬停输入/输出事件。 父div(toolBar)始终在页面上可见。 当工具栏上发生悬停时,将显示子div。 继承人的jQuery代码 $('#toolBar'
  • jQuery的鼠标悬停(jquery hover mouse out)
    问题 我希望在鼠标悬停在链接上时进行简单的向下/向上滑动动画。 我可以将鼠标移到工作上,但是我无法弄清楚如何使鼠标移开来完成任务。 这是我对悬停效果的要求: <script type="text/javascript" src="http://www.google.com/jsapi"></script> <script type="text/javascript"> google.load("jquery", "1.3.2"); //load version 1.3.2 of jQuery google.setOnLoadCallback(function() { jQuery( function($) { $("a.button").hover(function(){$(this).animate({"marginTop": "0px"}, "fast") }); }); }); </script> 当鼠标移出时,如何将页边距上移16px? 回答1 jQuery中的悬停事件需要2个回调函数:一个在指针移到项目上时,另一个在离开时: $(item).hover(function() { ... }, function() { ... }); 在您的情况下: $("a.button").hover( function() { $(this).animate({"marginTop"
  • 如何使用jQuery在浏览器中禁用工具提示?(How to disable tooltip in the browser with jQuery?)
    问题 将鼠标悬停在填充了具有“标题”属性的元素上时,有没有办法禁止显示浏览器工具提示? 请注意,我不想删除标题内容。 这是要求的代码: $(document).ready(function() { $('a.clickableSticky').cluetip({ splitTitle: '|', showTitle: false, titleAttribute: 'description', activation: 'click', sticky: true, arrows: true, closePosition: 'title' }); }); 并在asp.net中 <ItemTemplate> <a class="clickableSticky" href="#" title=' <%#((Limit)Container.DataItem).Tip %>'> <img src="..\App_Themes\default\images\icons\information.png"/> </a> </ItemTemplate> 回答1 您可以在页面加载时删除title属性。 $(document).ready(function() { $('[title]').removeAttr('title'); }); 如果以后需要使用标题,则可以将其存储在元素的jQuery data(
  • :hover(在鼠标离开时)的反义词是什么?(What is the opposite of :hover (on mouse leave)?)
    问题 有什么方法可以仅使用CSS来实现:hover的相反功能吗? 如:如果:hover on Mouse Enter ,是否有一个与on Mouse Leave等效的CSS? 例子: 我有一个使用列表项的HTML菜单。 当我将其中一项悬停时,会有一个CSS彩色动画从#999到black 。 当鼠标从black到#999的动画离开项目区域时,如何创建相反的效果? jsFiddle (请记住,我不想仅回答此示例,而是要回答整个“与:hover相反”的问题。) 回答1 如果我理解正确,则可以通过将过渡移到链接而不是悬停状态来执行相同的操作: ul li a { color:#999; transition: color 0.5s linear; /* vendorless fallback */ -o-transition: color 0.5s linear; /* opera */ -ms-transition: color 0.5s linear; /* IE 10 */ -moz-transition: color 0.5s linear; /* Firefox */ -webkit-transition: color 0.5s linear; /*safari and chrome */ } ul li a:hover { color:black; cursor
  • 如何独立检测2个部分重叠的悬停 s?(How can I independently detect hover on 2 partially overlapping <div>s?)
    问题 我的情况是这样的:我有2个部分重叠的div,每个div都具有悬停效果:Div 1-包含一个条形图,其中的条形对悬停有影响。 Div 2-跨屏幕底部20%的区域,当用户将鼠标悬停在屏幕上方(例如,靠近屏幕底部)时,控件将从底部向上滑动,以允许他们将全局属性更改为表格。 我希望浏览器独立地检测到任何一个对象上的悬停,但是正在发生的事情是,顶部的任何对象都可以检测到悬停,而另一个对象则没有。 我发现了一堆几乎相关的问题,但是似乎没有答案。 这是针对原型的,因此仅在一种浏览器(最好是Chrome)中有效的hacky答案/答案就可以了。 使用CSS,jQuery或JS的解决方案也都可以。 编辑:添加了一个小提琴,我认为它将说明我的问题:http://jsfiddle.net/Gkgrx/ 因此,如果将鼠标悬停在“表格”的底部(悬停时变为绿色的大红色正方形),当我碰到导致表格控件向上滑动的区域(确实如此)时,表格将失去其悬停状态-我想要它仍然可以检测到悬停。 显然,我需要在此处剪切并粘贴代码: CSS: .controlhover { position: absolute; bottom: 0px; left: 0px; right: 0px; height: 150px; z-index: 1; } .tablecontrol { position:absolute; bottom
  • 如何使用 javascript/jquery 禁用鼠标悬停事件?(How to disable mouseover event with javascript/jquery?)
    问题 在我的代码中,当用户第一次将鼠标悬停在 div 上时执行一个函数,该函数需要 30 秒才能完成,在这 30 秒内,如果用户再次将鼠标悬停在同一个 div 上,该函数将再次执行,因此我想禁用鼠标悬停事件第二次。 是否有任何 javascript 或 jquery 代码可以禁用该 div 的偶数? 谢谢,任何帮助将不胜感激。 回答1 你可以看看 jquery 的一个有趣的特性 ... .one()这里是它的链接 描述:将处理程序附加到元素的事件。 每个元素最多执行一次处理程序。 第二个想法 我可以再给你一个想法,假设当鼠标悬停发生一次时,只需在开始操作之前解除鼠标悬停事件的绑定,然后一旦操作结束,再次绑定它们...... 回答2 将 jQuery 的 on() 和 off() 与某种回调一起使用,例如: $("#myElementID").on('mouseover', myFunction); myFunction(e) { var myElement = e.target; myElement.off('mouseover', myFunction); //do something that takes 30 seconds myElement.animate({top: 1000}, 30000, function() { //callback myElement.on(
  • “取消悬停”后,使CSS悬停状态保持不变(Make CSS Hover state remain after “unhovering”)
    问题 我面临的一个小问题以前从未真正解决过。 我是一名初学者Web设计师,最近我在网页的div上使用了CSS悬停功能。 当一个鼠标悬停在该div上时,会显示另一张图像; 但是,当您“悬停”时,新图像会消失,我希望它保持可见状态。 这是我正在使用的代码的示例: #about { height: 25px; width: 84px; background-image: url('about.png'); position: absolute; top: 200px; left: 0px; } #onabout { height: 200px; width: 940px; position: absolute; top: 60px; left: 0px; color: #fff; font-family: 'Lato', sans-serif; font-size: 15px; font-weight: 300; display: none; } #about:hover #onabout { display: block; } 有什么方法可以仅使用CSS来解决此问题吗? 到目前为止,我还没有使用过任何JavaScript,但我对此不太满意。 无论哪种方式,任何解决方案都将被欣然接受! 非常感谢。 回答1 在这里,我同意我的CSS想法。 您可以使用transition-delay;
  • 如何在div鼠标悬停时显示按钮(How to show button on div mouse hover)
    问题 我想在div悬停上显示按钮。 当我将鼠标悬停在div上时,按钮显示,否则隐藏。 我在divbutton div中的按钮。 html <div class="divbutton"> <button type="button" style="display: none;">Hello</button> </div> 当我将鼠标悬停在div上时,应该显示但我不知道该怎么做。 当我删除鼠标按钮时再次隐藏。 谢谢你。 回答1 使用以下jQuery执行您的任务。 这是一个jsfiddle演示 $(document).ready(function () { $(document).on('mouseenter', '.divbutton', function () { $(this).find(":button").show(); }).on('mouseleave', '.divbutton', function () { $(this).find(":button").hide(); }); }); 回答2 使用以下选择器 button { display: none; /* Hide button */ } .divbutton:hover button { display: block; /* On :hover of div show button */ } 演示版
  • 如何防止触摸设备上按钮的粘滞悬停效果(How to prevent sticky hover effects for buttons on touch devices)
    问题 我创建了一个带有始终可见的上一个和下一个按钮的轮播。 这些按钮处于悬停状态,它们变为蓝色。 在诸如iPad的触摸设备上,悬停状态为粘滞状态,因此在点击它后按钮保持蓝色。 我不要 我可以为每个按钮在ontouchend添加一个no-hover类,并使CSS像这样: button:not(.no-hover):hover { background-color: blue; } button:not(.no-hover):hover { background-color: blue; }但这可能会降低性能,并且无法正确处理Chromebook Pixel(具有触摸屏和鼠标)之类的设备。 我可以在documentElement添加一个touch类,并使我的CSS像这样: html:not(.touch) button:hover { background-color: blue; } html:not(.touch) button:hover { background-color: blue; }但是,这在同时具有触摸和鼠标功能的设备上也无法正常工作。 我更希望删除ontouchend的悬停状态。 但这似乎是不可能的。 聚焦另一个元素不会删除悬停状态。 手动点击另一个元素可以,但是我似乎无法在JavaScript中触发它。 我发现的所有解决方案似乎都不完美。 有没有完美的解决方案?
  • 这是什么网络效果(What is this web effect)
    问题 当您在堆栈溢出时达到 1000 声望时,您将获得一张消耗性用户卡 当您将鼠标悬停在卡片上时。 我怎样才能重现这种效果? 怎么称呼? 我的猜测是它是一种 Jquery 方法,但如果是的话,有人可以指出我正确的方向,因为我寻找了它,但无法完全得到我需要的东西。 回答1 我不知道这是否是他们使用的,但 CSS3 过渡动画将是一种简单的、无需编程的方法。 回答2 你所追求的一个非常简单的例子在这里 http://jsfiddle.net/RjpLt/ 这足以让你开始。 更新 现在有了 ccs 动画:http://jsfiddle.net/RjpLt/1/ 回答3 简而言之: 当弹出窗口被触发时,一个带有适当内容的<div>被动态添加到 DOM 内的某处(很可能是 Javascript 定位弹出窗口并创建它)。 这个元素开始很小,然后动画到它的最终尺寸。 同时,CSS 规则指定弹出窗口的视觉外观。 当鼠标离开弹出区域时, <div>从 DOM 中移除,使弹出窗口消失。 回答4 我确定它确实使用了 jQuery,而且我敢打赌它是“动画”的: http://api.jquery.com/animate/ 动画样式可能是大小和背景颜色,以及该区域发生的其他事情。 回答5 我认为这是一个简单的$('#container).show('slow'); 回答6 由于您摆出静态图像
  • 将鼠标悬停在JQuery上(Hover Item with JQuery)
    问题 有没有一种方法可以使用javascript来悬停元素? 我不想创建另一个类,我只想在鼠标指针不在该元素上时使该元素与javascript一起悬停。 例如,我有5个具有相同类的元素,并且当其中一个元素实际悬停时,我想在所有元素上调用悬停。 回答1 我假设您的意思是与链接关联的伪类:hover (例如)。 将鼠标悬停在该链接上时,您要调用所有其他链接的:hover样式。 不幸的是,您不能从jQuery调用:hover样式,这要求您实际上将鼠标指针移到该元素上。 您必须使用类并利用jQuery的悬停事件。 回答2 您可以通过在悬停事件处理程序中同时处理集合中的所有项目来实现此目的 var items = $(".some-class-applied-to-many-different-items"); items.hover(function() { // Mouseover state items.addClass("blah"); // <- for example }, function() { // Mouseout state items.removeClass("blah"); }); 回答3 如果我正确理解了您的问题,那么您已经使用jQuery添加了一个hover事件,并且您希望手动触发该事件,而无需使用鼠标。 如果我理解正确
  • 如何在鼠标悬停(jQuery)上交换DIV?(How do you swap DIVs on mouseover (jQuery)?)
    问题 这是第二最简单的翻转效果,但我仍然找不到任何简单的解决方案。 想要的:我有一个项目列表和一个相应的幻灯片(DIV)列表。 加载后,应该选择第一个列表项(粗体),并且应该可以看到第一张幻灯片。 当用户将鼠标悬停在另一个列表项上时,应改为选择该列表项,并显示相应的幻灯片。 下面的代码有效,但是很糟糕。 如何以一种优雅的方式获得这种行为? jQuery具有数十种动画效果和复杂的过渡效果,但是我没有为这种效果想出一种干净的方法。 <script type="text/javascript"> function switchTo(id) { document.getElementById('slide1').style.display=(id==1)?'block':'none'; document.getElementById('slide2').style.display=(id==2)?'block':'none'; document.getElementById('slide3').style.display=(id==3)?'block':'none'; document.getElementById('slide4').style.display=(id==4)?'block':'none'; document.getElementById('switch1').style
  • 将鼠标悬停在孩子上时如何禁用父悬停(How to disable parent hover, when hovering over child)
    问题 我将尝试通过一些简单的例子来说明我的问题。 是)我有的? http://jsfiddle.net/JGzSh/3/ 这是一些简单的按钮,稍后将有onlick事件。 当我将鼠标悬停在绿色div(父对象)上时, :hover稍微改变其颜色。 有什么问题? 问题是,当我将鼠标悬停在黄色部分上时,我想更改黄色元素的背景,但是我不想让:hover起作用。 问题因此,当我将:hover悬停在孩子:hover时,如何禁用父:hover ? (因此,父级的背景会恢复为初始颜色吗?) 到目前为止,这些只是关于悬停的CSS规则 .przycisk:hover{ background-color: #383; } .skrot:hover{ background-color: red; } 到目前为止,我尝试了什么? 那是最重要的问题,我知道。 我做了一些研究,到目前为止,我找到了一些可以帮助我的解决方案,但是它们都使用了jQuery,我的问题是,是否有可能仅在CSS中进行操作,以使其尽可能简单? 在google中找到的jQuery解决方案示例: $('.przycisk').hover(function(e){ if($(e.target).is('.skrot')){ // your child span is being hovered over e.stopPropagation();
  • 启动jQuery fadeOut()后,如何取消它?(How do you cancel a jQuery fadeOut() once it has started?)
    问题 我有一个基本的div元素来表示我显示几秒钟的消息,然后使用 $('#message').fadeOut(5000); 如果用户将鼠标悬停在div上,我希望能够取消淡出效果。 当fadeOut方法开始淡入淡出div时,如何取消淡入淡出? 如果鼠标在显示时进入div,则下面的我现有的代码可以工作,但是我需要允许用户在div开始消失后将鼠标悬停在div上。 $('#message').mouseenter(function() { clearTimeout(this.timeout); }); $('#message').mouseleave(function() { this.timeout = setTimeout("$('#message').fadeOut(5000)", 3000); }); $('#message').fadeIn(2000, function() { this.timeout = setTimeout("$('#message').fadeOut(3000)", 3000); }); 回答1 查看停止功能 http://docs.jquery.com/Effects/stop#clearQueuegotoEnd 回答2 另外,您可以使用:animated选择器测试元素是否在动画的中间: $('#message').mouseover( function
  • 在鼠标悬停时播放Gif并在鼠标移出时暂停Gif而不替换图像?(Play Gif on Mouseover and Pause Gif on mouse out without replacing images?)
    问题 我正在尝试查找代码示例,该代码允许用户在鼠标悬停时设置gif动画,并在鼠标悬停时暂停。 我看过很多教程都在谈论这个,但是我想要一个不同的效果。 我注意到当鼠标移出时,大多数gif会“重置”。 就是说,gif覆盖了普通图像,或者动画恢复了开始。 我想要实现的是一个更加无缝的“暂停”,它使您可以从不使用占位符图像的地方开始。 类似于此页面上的示例: http://www.valhead.com/2013/03/11/animation-play-state/ 请注意,当您将鼠标悬停在图像上时,动画只是暂停而不进行任何替换,然后继续播放。 我不知道是否可以使用gif,因为此示例使用的是基本的CSS形状,但是必须有某种方法可以在鼠标移开时暂停gif并在鼠标悬停时继续播放,而不会在循环动画中覆盖图像? 是否没有办法使用在鼠标悬停时暂停并在将鼠标悬停在其上播放的电影文件的地方播放的电影文件? 谢谢! 编辑:感谢@brbcoding和他的天才,解决了这个问题! 有关该解决方案的详细信息,请参见下面的帖子或他的博客文章:http://codyhenshaw.com/blog/2013/12/17/faux-animated-gifs-with-css3-keyframes/ 回答1 所以,我考虑了一会儿...您可以做一些很酷的事情: 首先,将gif分解为多个图像
  • 当您将鼠标悬停在网页上的链接上时,如何隐藏浏览器状态栏上的链接?(How to hide links on browser's statusbar when you mouseover on links on webpage?)
    问题 我在我的项目中使用Zend,PHP,AJAX,JQuery。 问题是,当我将鼠标悬停在网页上的链接上时,如何强制在浏览器的状态栏上不显示链接。 最好的例子是在此站点上,当您将鼠标悬停在此站点上的向上投票链接上时,它不会显示该链接,并且单击增加的投票后无需刷新页面。 谢谢 回答1 在Stack Overflow上,您看不到地址,因为它不是链接(即它不是锚)。 它是一个跨度,图像或其他元素,带有onclick事件处理程序。 这是保证所有浏览器中都不显示状态栏文本的唯一方法,这是设置window.status =“”;的老式JavaScript方法。 这些天对大多数浏览器都无效。 因此,例如... [Html] <img id="clickme" src="myimage.png" alt="My Image" title="Vote"> [JavaScript (jQuery)] $("#clickme").click(function() { alert("You clicked me"); }); 回答2 较旧的浏览器具有诸如window.status = ""; 您可以在其中将消息发送到状态栏,并同样有效地隐藏普通消息。 大多数浏览器不再支持此功能。 因此,如果您使用带有href属性的超链接(或更具体地说,是锚元素<a> ,状态栏将无处可寻。 如果您查看HTML for