父元素事件中禁止子元素的事件

今天有同事过来找我，，，input checkbox 区域太小了，想在外层TD上加上点击事件，但发现TD加了后，，，input也在里面，会被执行两次，记录一下，我写的DOME

<!DOCTYPE html>
<html>
<head><meta charset="utf-8" name="viewport" content="width=device-width, initial-scale=1.0"><title>福利社</title><script type="text/javascript" src="/static/js/jquery.min.js"></script>
</head>
<body>
<table><tr><td style="border: 1px solid #ff0000; width: 200px; height: 200px;"><input type="checkbox"> </td><td></td></tr></table>
<script>$(function () {$(document).on("click", "td:first", function(event){var input  =$(this).find("input");input.click();event.stopImmediatePropagation();});$(document).on("click", "td:first input", function(event){event.stopPropagation();// 阻止事件冒泡});});</script>
</body>
</html>

父元素事件中禁止子元素的事件相关推荐

jquery父元素和子元素点击事件传递问题_不可把父元素的事件传递给子元素_事件无限循环传递...
前述:jquery中: 当一个元素的点击事件被触发时,会自动将该事件向父级元素逐级专递. 但是实际场景当中,我们可能会遇到需要在父级元素中定义点击事件,来触发特定子元素的点击事件,我就遇到了这么一个问 ...
js父元素获取子元素img_css,前端_父标签div中包含一个子元素img标签，子元素div标签，为什么img要加上浮动，子元素div才会处于正常位置？，css,前端 - phpStudy...
父标签div中包含一个子元素img标签,子元素div标签,为什么img要加上浮动,子元素div才会处于正常位置? dom结构如图img加上float 子元素div显示正常. 不加float div显 ...
[译] 关于CSS中的float和position (父容器div内的子元素div为float时，父元素无法撑开（或高度自适应）的解决方式)
测试案例:http://blog.csdn.net/goodshot/article/details/44408245 当构建页面排版时,有不同的方法可以使用.使用哪一种方法取决于具体页面的排版要求, ...
CSS垂直方向布局中，子元素溢出父元素，如何处理？
默认情况下,父元素的高度是被子元素撑开的,若父元素设置了,就是设置多少就是多少子元素是在父元素的内容区中排列的,如果子元素的大小超过了父元素,则子元素会从父元素中溢出, 使用overflow属性设置 ...
【转】解决父容器高度不跟随子元素扩大的问题
原文链接:http://blog.sina.com.cn/s/blog_674379bf0100lyy3.html 方法一: 编写CSS使用DIV的FLOAT属性使元素浮动,在父容器中添加zoom:1 ...
JQuery选择器中的子元素选择器
子元素筛选选择器不常使用,其筛选规则比起其它的选择器稍微要复杂点,其实博主感觉并不怎么难啦,因为单词so easy,哈哈. 我们来看看都有哪些吧: 注意: 1. :first只匹配一个单独的元素,但是 ...
父元素没有高度，子元素高度失效
当你设置一个页面元素的高度(height)为100%时,期望这样元素能撑满整个浏览器窗口的高度,但大多数情况下,这样的做法没有任何效果.你知道为什么height:100%不起作用吗? 按常理,当我们用 ...
html如何更改子元素文字颜色,CSS更改父级悬停上的子元素字体颜色
我试图让它如此:当将鼠标悬停在td上时,跨度内部变为白色,并且td的背景变为蓝色.但是,没有一个类似的问题似乎对我有帮助.表例如CSS更改父级悬停上的子元素字体颜色第一行: Account Hold ...
清除元素中的子元素html_HTML中的元素简介
清除元素中的子元素html An element is a fundamental component that is used to develop web pages. Generally an ...

父元素事件中禁止子元素的事件

父元素事件中禁止子元素的事件相关推荐

最新文章

热门文章