1200字范文,内容丰富有趣,写作的好帮手!
1200字范文 > javascript如何阻止事件冒泡和浏览器默认行为办法介绍

javascript如何阻止事件冒泡和浏览器默认行为办法介绍

时间:2021-01-20 11:10:00

相关推荐

javascript如何阻止事件冒泡和浏览器默认行为办法介绍

web前端|js教程

javascript,Firefox,webkit

web前端-js教程

1.阻止事件冒泡,使成为捕获型事件触发机制.

百度搜索风云榜源码,vscode提示代码下划线,ubuntu调出左边,tomcat如何检查线程,ua爬虫大全,php论文题目,seo优化策略毕业论文推广,爱帮网站源码lzw

1 function stopBubble(e) { 2 //如果提供了事件对象,则这是一个非IE浏览器 3 if ( e && e.stopPropagation ) 4//因此它支持W3C的stopPropagation()方法 5e.stopPropagation(); 6 else7//否则,我们需要使用IE的方式来取消事件冒泡 8window.event.cancelBubble = true; 9 }

2.当按键后,不希望按键继续传递给如HTML文本框对象时,可以取消返回值.即停止默认事件默认行为.

类淘宝商城源码下载,vscode 状态栏,ubuntu界面缩小,如何看tomcat并发,sqlite3 大数据读写,使用爬虫在某个网址爬取图片,php 伪装 ip,如何在seo上搜索,php手机网站如何制作教程,家政服务模板lzw

1 //阻止浏览器的默认行为 2 function stopDefault( e ) { 3//阻止默认浏览器动作(W3C) 4if ( e && e.preventDefault ) 5 e.preventDefault(); 6//IE中阻止函数器默认动作的方式 7else 8 window.event.returnValue = false; 9return false; 10 }

那么通过下面的一段代码我们来看下函数一的效果:

数字货币 开源码,使用vscode扩展,ubuntu内核切换鼠标,解决tomcat漏洞,sqlite事务编程,wordpress修改字体插件,仿 mac 前端ui框架,java 爬虫 ip,php 下载 源码,织梦 seo优化,仿win7网站模板,手机网页视频要插件,半次元模板,微信公众号开发页面源码下载,值班信息管理系统asp源码网站,仿中国站长网源码下载程序lzw

1 2 3 4 5 6效果测试7 8 9 $(document).ready(function()10 {11 $(div.c1).click(function(e){alert(单击了div);});12 $(div.c2).click(function(e){alert(单击了div);stopBubble(e);});13 $(document).click(function(e){alert(单击了document);});14 $(#txt1).val(123);15 $(#txt1).click(function(e){stopBubble(e);});16 $(#txt1).keydown(function(e){stopDefault(e);alert(你按下了键值+e.keyCode); });17 })18 19 function stopBubble(e) { 20 //如果提供了事件对象,则这是一个非IE浏览器 21if ( e && e.stopPropagation ) 22//因此它支持W3C的stopPropagation()方法 23e.stopPropagation(); 24else 25//否则,我们需要使用IE的方式来取消事件冒泡 26window.event.cancelBubble = true; 27 } 28 //阻止浏览器的默认行为 29 function stopDefault( e ) { 30//阻止默认浏览器动作(W3C) 31if ( e && e.preventDefault ) 32 e.preventDefault(); 33//IE中阻止函数器默认动作的方式 34else 35 window.event.returnValue = false; 36return false; 37 }38 39 40 body{41 font-size:14px;42}43 }44 .c1{45font-family:"Arial Unicode MS"46}47 .c2{48font-family:helvetica,simsun,arial,clean49}50 51 52 53 54 55

测试的文字,这里是样式C1,单击以冒泡的形式触发事件.

56 57

测试的文字,这里是样式C2,单击以捕获的形式触发事件.

58 59

60 61 62

停止冒泡通用方法:

function stopBubble(e) {//如果提供了事件对象,是非IE浏览器if ( e && e.stopPropagation ) //使用W3C的stopPropagation()方法 e.stopPropagation();else //使用IE的cancelBubble = true来取消事件冒泡 window.event.cancelBubble = true;}

阻止浏览器默认行为-通用方法

//阻止浏览器的默认行为

function stopDefault( e ) { //阻止默认浏览器动作(W3C) if ( e && e.preventDefault ) e.preventDefault(); //IE中阻止函数器默认动作的方式 else window.event.returnValue = false; return false;}

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。