首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >如何阻止html中元素的掉落?

如何阻止html中元素的掉落?
EN

Stack Overflow用户
提问于 2011-07-17 23:37:42
回答 4查看 1.1K关注 0票数 3

我有一个按钮(样式来自div标签,jquery UI)和一个输入文本框。我希望如果我点击文本框,按钮也不会被点击。

EN

回答 4

Stack Overflow用户

回答已采纳

发布于 2011-07-17 23:40:22

input元素的事件处理程序中:

代码语言:javascript
复制
$("input").click(function (event) {
    event.stopPropagation();
});

stopPropagation阻止事件在DOM树中向上传播,从而防止父事件处理程序收到事件通知。

下面是一个例子:http://jsfiddle.net/J76Gw/

票数 6
EN

Stack Overflow用户

发布于 2011-07-17 23:48:45

或者,您可以在按钮的单击处理程序中检查event.target是否是输入字段。

票数 4
EN

Stack Overflow用户

发布于 2011-07-17 23:39:19

对textbox单击事件使用event.stopPropagation();

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/6724892

复制
相关文章

相似问题

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