今天写js代码遇到一个问题,代码如下
<tr onClick='queryUserInfoByUserId(userId);'>
<td id='td1'>
<input type='checkbox' name ='user_info_checkbox'/>
</td>
<td id =td2></td>
....
</tr>
欲实现如下效果:
点击一行时候 单元格td1 不响应queryUserInfoByUserId事件,而只有选择checkbox操作,点击其他单元格时候响应queryUserInfoByUserId事件。上网查询知道在HTML标签中 标签的响应顺遵循冒泡原则,即如果td1中有事件A 则td1的响应顺序为:
A--->queryUserInfoByUserId
上网查询 解决方法如下:
<tr onClick='queryUserInfoByUserId(userId);'>
<td id='td1' onclick='if(document.all)event.cancelBubble=true;else event.stopPropagation();'>
<input type='checkbox' name ='user_info_checkbox'/>
</td>
<td id =td2></td>
....
</tr>
在td1中加入上述代码即可实现
分享到:
相关推荐
js中虽然没有传统面向对象的编程语言里子类访问父类的特殊语法,但是我们可以根据需要造一个,接下来本文给大家分享在JavaScript中子对象访问父对象的方式,需要的朋友可以参考下
一段javascript事件可以屏蔽网站右击的事件。 <SCRIPT language=JavaScript> <!-- if (window.Event) document.captureEvents(Event.MOUSEUP); function nocontextmenu() { event.cancelBubble = true event....
jQuery之父John Resig 力作,我看了。很好的东西,对朋友们学习框架Prototype、jQuery等,有启示迪人的作用!【推荐!】
JavaScript中子函数访问外部变量的3种解决方法 我们在写web页面时,肯定会经常遇到下面这种情况: <body> <div class="btns-wrapper"></div> ...
JavaScript tab标签 自适应宽度的标签导航
javascript 写的 3d 云标签
用Javascript打印网页指定标签的内容
JavaScripte屏蔽右键,简单实用。
javascript屏蔽返回
javascript tab标签 韩国购物网Flash标签切换效
javascript TAB标签雅虎3屏标签式焦点图代码
Html+css+JavaScript实现的3D球面标签云效果
javascript tab标签 不规则TAB选项卡效果源码
JavaScript标签栏切换效果,用jvascript实现的标签栏切换
html常用的标签,用于大家学习html css和JavaScript和jQuery
javascript中base标签的使用
javascript提交父窗口javascript提交父窗口
javascript动态的table标签
<a> 标签的 href 属性用于指定超链接目标的 URL,href 属性的值可以是任何有效文档的相对或绝对 URL,包括片段标识符和 JavaScript 代码段。 这里的href=”[removed];” rel=”external nofollow” rel=”external ...