阻止事件冒泡阻止浏览器的默认行为

<!DOCTYPE html>
<html lang="en">
<head>      <meta charset="UTF-8">      <title>阻止事件冒泡 阻止浏览器的默认行为</title>    <style type="text/css"></style>
</head>
<body><button id="btn1">按钮1</button><input type="text" id="m-text"><script src="https://cdn.bootcss.com/jquery/3.2.1/jquery.js"></script><script type="text/javascript">$(function() {function stopBubble(e) { //如果提供了事件对象，则这是一个非IE浏览器 if (e && e.stopPropagation) {//因此它支持W3C的stopPropagation()方法 e.stopPropagation();         } else {//否则，我们需要使用IE的方式来取消事件冒泡 window.event.cancelBubble = true; }}            $('body').on('click', function() {console.log('body');});$('#btn1').on('click', function(e) {console.log('按钮1');stopBubble(e); //阻止冒泡});//阻止浏览器的默认行为 function stopDefault(e) { //阻止默认浏览器动作(W3C) if (e && e.preventDefault) {e.preventDefault(); } else { //IE中阻止函数器默认动作的方式 window.event.returnValue = false; }return false; }          $('#m-text').on('keydown', function(e) {console.log(String.fromCharCode(e.keyCode));stopDefault(e);});});</script>
</body>
</html>

阻止事件冒泡阻止浏览器的默认行为相关推荐

javascript阻止事件冒泡和浏览器的默认行为
http://www.aspxhome.com/javascript/skills/200712/262128.htm 就是说用Div框住flash Div的鼠标事件不传递给Body 文中说的方法记 ...
js 停止事件冒泡阻止浏览器的默认行为
在前端开发工作中,由于浏览器兼容性等问题,我们会经常用到"停止事件冒泡"和"阻止浏览器默认行为". 浏览器默认行为: 在form中按回车键就会提交表单:单击鼠标 ...
JS 事件高级（包括DOM事件流，阻止事件冒泡，阻止事件默认行为，，，以及对我来说，很好用的事件代理）
事件对象概念事件处理函数:事件发生时调用的函数事件对象:window.event,内置的对象,事件发生的时候会将所有和事件相关的信息都存储在事件对象中,鼠标位置,事件类型,事件目标... //事件 ...
JavaScript(11) - 阻止事件冒泡和默认行为,拖拽,事件监听器
提示:文章写完后,目录可以自动生成,如何生成可参考右边的帮助文档文章目录一.阻止事件冒泡和默认行为二.拖拽 1, 实现拖拽相关的三大事件: 2, 实现拖拽思路: 1, 给目标元素添加onmous ...
事件冒泡详解及阻止事件冒泡
什么是事件冒泡? 事件冒泡:从子元素向父元素触发 ->当某个事件触发时,同样的事件会向父元素触发. 但并不是所有事件都会产生冒泡问题 onfocus. onblur .onload不会产生冒泡问 ...
[JS] 事件冒泡，阻止事件冒泡，事件的三个阶段（捕获，目标，冒泡）
事件冒泡添加三个套在一起的div元素,在最里面放一个button,感受事件触发时从里到外"冒泡"的过程. 给每个div都加一个事件:点击时就alert test.html < ...
javascript 阻止冒泡和浏览器的默认行为
在使用javascript编程时会遇到一个问题,就是当你给html添加事件时,由于浏览器默认的为冒泡型事件触发机制,所以会触发你不想触发的事件.那么通过如下的函数可以解决这个问题. 1.阻止事件冒泡 ...
js第8章事件案例：获取触发事件的元素，阻止事件冒泡和默认行为的实现、缓动的小球、图片放大特效、按Enter键切换
目录 1.获取触发事件的元素,阻止事件冒泡和默认行为的实现. (1)获取触发事件的元素 (2)阻止事件冒泡 (3)阻止事件默认行为 2.缓动的小球,实现的原理是通过定时器连续地修改当前DOM元素的某个 ...
如何阻止事件冒泡与默认事件？
[修真院小课堂]--如何阻止时间冒泡冒泡与默认事件目录 1.背景介绍 2.知识剖析 3.常见问题 4.解决方案 5.编码实战 6.扩展思考 7.参考文献 8.更多讨论 1.背景介绍 1.什么是事件? ...
js事件冒泡、阻止事件冒泡以及阻止默认行为
大家好,我是IT修真院武汉分院web第17期的学员吴三水,一枚正直纯洁善良的web程序员. 今天给大家分享一下,修真院官网js(职业)任务四,深度思考中的知识点--js事件冒泡.阻止事件冒泡以及阻止默 ...

阻止事件冒泡阻止浏览器的默认行为

阻止事件冒泡阻止浏览器的默认行为相关推荐

最新文章

热门文章

阻止事件冒泡 阻止浏览器的默认行为

阻止事件冒泡 阻止浏览器的默认行为相关推荐

最新文章

热门文章

阻止事件冒泡阻止浏览器的默认行为

阻止事件冒泡阻止浏览器的默认行为相关推荐