首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >当点击按钮时,jquery终止悬停规则

当点击按钮时,jquery终止悬停规则
EN

Stack Overflow用户
提问于 2012-05-02 22:52:49
回答 3查看 761关注 0票数 2

我有两个jquery事件。

代码语言:javascript
运行
复制
$('#thebutton').click( 

然后……

代码语言:javascript
运行
复制
$('#thebutton').hover( 

显然,一旦你将鼠标悬停在按钮上,悬停事件就会被激活。单击按钮后,我希望触发该事件,这样我就可以操作按钮,但也可以杀死mouseoff事件,以便保留更改。

或者,正如我即将提交的,click事件是否应该在悬停中?如果是这样的话,你仍然需要在我的猜测中杀掉鼠标……

谢谢

EN

回答 3

Stack Overflow用户

发布于 2012-05-02 22:55:51

那么你就不会使用hover(),而应该使用mouseover()

代码语言:javascript
运行
复制
   $('#thebutton').mouseover(function(){
        // do your mouse over here
   });


   $('#thebutton').click(function(){
       // do your click code here
    });
票数 0
EN

Stack Overflow用户

发布于 2012-05-02 23:01:45

这将在您单击按钮时触发“mouseleave”事件...假设您想要执行关联的函数:

代码语言:javascript
运行
复制
$('#thebutton').click(function(){
   $(this).trigger('mouseleave');
});
票数 0
EN

Stack Overflow用户

发布于 2012-05-02 23:01:59

我假设您希望在单击按钮时停止在悬停状态下执行mouseleave

也许你可以使用一个简单的布尔值来检查它是否点击了。

代码语言:javascript
运行
复制
var isClicked = false;
$('#thebutton').click(function () {
    isClicked = true;
    //Your code
});

$('#thebutton').hover(function () { //mouseenter
    isClicked = false;
    //Your code
}, function() { //mouseleave
    if (isClicked) return false;
    //Your code
});
票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/10416248

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档