JS 事件冒泡 示例代码
JS中的事件冒泡
table-->body->document->window,当用event.cancelBubble=true的时候就说明阻止该冒泡行为
event.cancelBubble=true;
}
// -->
目的当点击BBB的时候弹出TR,当点击AAA的时候弹出TD
AAA | BBB |
[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]
相关推荐
-
js事件冒泡实例分享(已测试)
网上的例子用的是$(".b").live("click",function(event){} ,jquery自动对live做了处理,阻止了事件冒泡.改成bind,实验就能通过. 复制代码 代码如下: < !DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.
-
js下关于onmouseout、事件冒泡的问题经验小结
问题是这样的:一个div元素要触发onmouseout事件,同时这个div内部还有子元素,于是当鼠标移动到该div的子元素上时,onmouseout事件也被触发了.在要做浮动层效果的时候会经常遇到这个问题. 解决方法一: 使用jQuery,这个大家都会的: 复制代码 代码如下: <div id="div1">触发显示浮动层</div> <div id="div2"> <ul> <li>1</li>
-
JS 事件冒泡 示例代码
JS中的事件冒泡 table-->body->document->window,当用event.cancelBubble=true的时候就说明阻止该冒泡行为 event.cancelBubble=true; } // --> 目的当点击BBB的时候弹出TR,当点击AAA的时候弹出TD AAA BBB [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]
-
layui中使用jquery控制radio选中事件的示例代码
勾选 form.on('radio(yesHave)', function (data) { $("input[name='hasPrepaidVoucher'][title='有']").attr('checked',true); form.render(); }); 取消勾选 form.on('radio(noIssuer)', function (data) { debugger; $("input[name='voucherIssuer']").remove
-
Python监听键盘和鼠标事件的示例代码
我们可以利用windows提供的api函数来实现对系统键盘事件和鼠标事件的监听,主要利用的是SetWindowsHookEx函数,这个函数可以允许调用者传入一个钩子函数也叫回调函数,当指定的事件发生时,你 传入的函数就会被触发,有些事件是进程级的,有些事件是系统级的,这里我们用WH_KEYBOARD_LL来监听系统键盘事件,用WH_MOUSE_LL来监听鼠标事件,注意不是WH_KEYBOARD,使用WH_KEYBOARD是无法监听到外部 程序的事件的,这个可以在windows官方文档里面看到说明
-
js阻止冒泡及jquery阻止事件冒泡示例介绍
js阻止冒泡 在阻止冒泡的过程中,W3C和IE采用的不同的方法,那么我们必须做以下兼容. 复制代码 代码如下: function stopPro(evt){ var e = evt || window.event; //returnValue如果设置了该属性,它的值比事件句柄的返回值优先级高.把这个属性设置为 fasle, //可以取消发生事件的源元素的默认动作. //window.event?e.returnValue = false:e.preventDefault(); window.ev
-
js阻止默认事件与js阻止事件冒泡示例分享 js阻止冒泡事件
1. event.preventDefault(); -- 阻止元素的默认事件. 注:a元素的点击跳转的默认事件 , button,radio等表单元素的默认事件 , div 元素没有默认事件 例: 复制代码 代码如下: <a href="http://www.baidu.com" target="_black">百度</a> 复制代码 代码如下: var samp = document.getElementByTagName("
-
js事件冒泡、事件捕获和阻止默认事件详解
谈起JavaScript的 事件,事件冒泡.事件捕获.阻止默认事件这三个话题,无论是面试还是在平时的工作中,都很难避免. 1.事件冒泡 先来看一段代码: var $input = document.getElementsByTagName("input")[0]; var $div = document.getElementsByTagName("div")[0]; var $body = document.getElementsByTagName("bo
-
JavaScript阻止事件冒泡示例分享
之前遇到事件冒泡的问题,也去网上搜索了一番,结果大部分都是一样的代码,贴来用时也不太顺利.涉及到FF时,可以用 e.stopPropagation(); ,不知怎地我没用成功.不过我发现FF支持e.cancelBubble = true;的写法,经测试可行.就把代码贴在这里吧,省得以后到处找.IE以前版本的兼容性还没测试,用到时再完善吧. 复制代码 代码如下: //取消事件冒泡 function stopBubble(e) { var evt = (e) ? e : window.eve
-
js事件冒泡与事件捕获详解
(一)事件绑定 1.普通事件绑定 给html添加一个以on开头的特定的属性(如onclick,onfocus); <button id="A" onclick="alert(this.id)">方式一</button> <button id="A" onclick="handler(this)">方式二</button> <script> function handl
-
JS 事件绑定函数代码
主要解决了 浏览器兼容,现在可以兼容IE6 7 8 FF 谷歌(废话) IE浏览器里,this指向问题. 直接上代码吧! 复制代码 代码如下: var bind=function(object,type,fn){ if(object.attachEvent){//IE浏览器 object.attachEvent("on"+type,(function(){ return function(event){ window.event.cancelBubble=true;//停止时间冒泡 o
随机推荐
- vue分页组件table-pagebar使用实例解析
- Javascript中call和apply函数的比较和使用实例
- 详解Python中的strftime()方法的使用
- 在Python中操作文件之read()方法的使用教程
- PHP 多维数组排序(usort,uasort)
- Python上下文管理器和with块详解
- Linux利用UDF库实现Mysql提权
- Docker容器固定IP分配详解
- C# Access数据库增删查改的简单方法
- jQuery页面图片伴随滚动条逐渐显示的小例子
- jquery复选框全选/取消示例
- AS3 Flex基础知识100条
- 九招让硬盘更快、系统更稳定
- linux下终端分屏使用的两种方法(screen和tmux)
- Java设计模式之创建者模式简介
- javascript中String类的subString()方法和slice()方法
- jQuery实现切换隐藏与显示同时切换图标功能
- Devexpress中Gridcontrol查找分组
- 搭建基于express框架运行环境的方法步骤
- C#实现定时关机小应用