文档建议反馈控制台
首页
学习
活动
专区
工具
TVP
最新优惠活动
文章/答案/技术大牛
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

evt.preventDefault在IE和鼠标移动时的边缘事件中不起作用，甚至尝试了evt.returnValue = false；但不能停止传播

evt.preventDefault是一个事件方法，用于阻止事件的默认行为。在IE浏览器和鼠标移动时的边缘事件中，evt.preventDefault可能不起作用，甚至尝试使用evt.returnValue = false也不能停止事件的传播。

这个问题可能是由于不同浏览器对事件处理的机制不同导致的。在IE浏览器中，事件对象是通过window.event来获取的，而其他浏览器则是通过函数参数传递的。因此，在IE浏览器中使用evt.preventDefault可能无效。

为了解决这个问题，可以使用以下方法来停止事件的传播：

  1. 使用evt.stopPropagation()方法：这个方法可以停止事件在DOM树中的传播，但不会影响事件的默认行为。可以在事件处理程序中添加这个方法来阻止事件的进一步传播。
  2. 使用return false：在某些情况下，可以通过在事件处理程序中返回false来阻止事件的默认行为和传播。但需要注意的是，这种方法只适用于某些特定的事件，如onclick事件。
  3. 使用事件委托：事件委托是一种将事件处理程序绑定到父元素上，通过事件冒泡来处理子元素的事件的方法。通过在父元素上使用evt.preventDefault可以阻止事件的默认行为。

总结起来，为了在IE浏览器和鼠标移动时的边缘事件中停止事件的传播，可以尝试使用evt.stopPropagation()方法、return false或者事件委托的方式来解决。

腾讯云相关产品和产品介绍链接地址：

  • 腾讯云函数（云原生）：https://cloud.tencent.com/product/scf
  • 腾讯云数据库（数据库）：https://cloud.tencent.com/product/cdb
  • 腾讯云服务器（服务器运维）：https://cloud.tencent.com/product/cvm
  • 腾讯云CDN（网络通信）：https://cloud.tencent.com/product/cdn
  • 腾讯云安全产品（网络安全）：https://cloud.tencent.com/solution/security
  • 腾讯云音视频处理（音视频、多媒体处理）：https://cloud.tencent.com/product/mps
  • 腾讯云人工智能（人工智能）：https://cloud.tencent.com/product/ai
  • 腾讯云物联网（物联网）：https://cloud.tencent.com/product/iotexplorer
  • 腾讯云移动开发（移动开发）：https://cloud.tencent.com/product/mobdev
  • 腾讯云对象存储（存储）：https://cloud.tencent.com/product/cos
  • 腾讯云区块链（区块链）：https://cloud.tencent.com/product/baas
  • 腾讯云虚拟专用云（元宇宙）：https://cloud.tencent.com/product/vpc
相关搜索:linux telnet 查看端口查看windows下端口查看svn的端口如何查看一个网页的端口号如何查看hbase监听端口cmd怎么查看本地端口占用linux 查看开放哪些端口查看电脑正在使用的端口号怎样查看80端口被占用ibm小机如何查看端口
相关搜索:
页面内容是否对你有帮助？
有帮助
没帮助

相关·内容

DOM事件基本概念大总结(前端必备)

事件流 这一概念源自于对事件触发对象的思考。例如常见的点击事件，鼠标移动事件。这些事件发生之时，往往不只是点击或者移动到某一特定元素上。...事件冒泡 即事件从指定元素开始传播到最外层的元素，并且该事件不仅会在指定元素上发生，还会在传播过过程中的每一个元素上发生。...IE 级 attachEvent() 和 DOM 2 级一样用来添加事件，只有两个参数 "事件" 和 "处理函数"，不能设置冒泡或者捕获。...这样一来就不会继续捕获下去了 IE 事件对象 为什么不能统一呢，非要学两套 IE 事件对象与 DOM 级有一定差异 常用属性 cancelable 默认值为 false，true 为取消冒泡。...事件目标，与 DOM target 相似 type 事件类型 event 对象的获取 IE 中的 event 对象时作为 window 对象的一部分存在，可以通过 window.event 来获取

1.8K20

JavaScript（进阶）

， 这样当事件被触发时，响应函数将会按照函数的绑定顺序执行 这个方法不支持IE8及以下的浏览器 attachEvent() 在IE8中可以使用attachEvent()来绑定事件 参数： 事件的字符串...关于事件的传播网景公司和微软公司有不同的理解 微软公司认为事件应该是由内向外传播，也就是当事件触发时，应该先触发当前元素上的事件，然后再向当前元素的祖先元素上传播，也就说事件应该在冒泡阶段执行。...网景公司认为事件应该是由外向内传播的，也就是当前事件触发时，应该先触发当前元素的最外层的祖先元素的事件，然后在向内传播给后代元素 W3C综合了两个公司的方案，将事件传播分成了三个阶段 捕获阶段 在捕获阶段时从最外层的祖先元素...当鼠标在被拖拽元素上按下时，开始拖拽 onmousedown 当鼠标移动时被拖拽元素跟随鼠标移动 onmousemove 当鼠标松开时，被拖拽元素固定在当前位置 onmouseup 提取一个专门用来设置拖拽的函数...， * 如果不希望发生这个行为，则可以通过return false来取消默认行为 * * 但是这招对IE8不起作用 */ return false; }; } 1

1.5K20

事件

如果JavaScript关注特定类型事件，那么它可以注册当这类事件发生时要调用的句柄。事件是某个行为或者触发，比如点击、鼠标移动........当用户点击鼠标时 当网页已加载时 当图像已加载时 当鼠标移动到元素上时 当用户触发按键时......button的时候，由于事件冒泡，body的click事件也会触发，但是调用这句后，事件会停止传播 IE中的事件对象 访问IE中的event对象有几种不同的方式，取决于指定事件处理程序的方法。...image.png 跨浏览器的事件对象 虽然DOM和IE的event对象不同，但基于它们的相似性，我们还是可以写出跨浏览器的事件对象方案 function getEvent(e) { return...3： 解释IE事件冒泡和DOM2事件传播机制？ IE事件冒泡： 事件从目标元素向父级元素传递，直到传递到 window ( document) 停止。 ?

1.3K30

深入理解事件

下面的方式1、方式2属于在 html 中绑定事件，方式3、方式4和方式5属于在js代码中绑定事件，其中，方式4和5属于事件监听，而方式5是最推荐的做法。...阻止事件冒泡和捕获 默认情况下，多个事件处理函数会按照DOM事件流模型中的顺序执行。如果子元素上发生某个事件，不需要执行父元素上注册的事件处理函数，那么我们可以停止捕获和冒泡，避免没有意义的函数调用。...因为当事件传播到outC上的处理函数时，通过stopPropagation阻止了事件的继续传播，所以不会继续传播到冒泡阶段。...根据事件冒泡原理，不管是原有li还是新增li，只要鼠标一移入li中就等同于鼠标移入ul中，自然会触发ul的鼠标移入事件，之后我们只要在ul的事件函数中定义相关行为就可以了。...所有浏览器都支持event对象，但支持方式不同，在DOM中event对象必须作为唯一的参数传给事件处理函数，在IE中event是window对象的一个属性。

81140

JavaScript 事件绑定

在使用这两组函数的时候，先把区别说一下：1.IE不支持捕获，只支持冒泡；2.IE添加事件不能屏蔽重复的函数；3.IE中的this指向的是window而不是DOM对象。...4.在传统事件上，IE是无法接受到event对象的，但使用了attchEvent()却可以，但有些区别。...IE不能屏蔽，需要单独扩展或者自定义事件处理。IE不能传递this，可以call过去。...PS：IE中的事件绑定函数attachEvent()和detachEvent()可能在实践中不去使用，有几个原因：1.IE9就将全面支持W3C中的事件绑定函数；2.IE的事件绑定函数无法传递this；3...四．事件对象的其他补充 在W3C提供了一个属性：relatedTarget；这个属性可以在mouseover和mouseout事件中获取从哪里移入和从哪里移出的DOM对象。

3.3K60

事件

这个事件并不是DOM2级事件规范中规定的，其得到广泛应用，在DOM3中将其纳入了标准； mousedown 用户按下任意鼠标按钮时触发； mouseenter 鼠标光标从元素外部首次移动到元素范围内时触发...；这个事件不冒泡，而且在鼠标移动到后代元素上不会触发；DOM3被纳入标准； mouseleave 在位于元素上方的鼠标光标移动到元素范围之外时触发；这个事件不冒泡，而且在鼠标移动到后代元素上不会触发；DOM3...当鼠标从上图“区域2”移动到“区域3”中，会同时触发“mouseleave”和“mouseout”事件； 当鼠标从上图“区域2”移动到“区域1”（子元素）中，只会触发“mouseout”； 需要注意的时...pageX和pageY：鼠标指针在页面中的位置。在没有滚动条的情况下，同clientX和clientY的值。 screenX和screenY：鼠标指针相对于整个屏幕的坐标信息。 ?...造成上述问题的原因： 第一种，从文档中移除带有事件处理程序的元素（removeChild和replaceChild)时，或innerHTML替换页面中某一部分时，带有事件的元素被删除掉了，但其事件处理程序无法被当成垃圾回收

3.2K51

js实现简易拖拽

(e).x) mouseY = parseInt(getMouseXY(e).y) // 鼠标相对元素左和上边缘的坐标 offsetX = mouseX...document 对象上绑定 mousemove 和 mouseup 事件，不在拖拽的元素上绑定是因为当鼠标移动太快而超出元素的范围时会停止拖拽，而绑定在 document 上则可以避免这样的事情发生。...// 获取元素所在的坐标 boxX = box.offsetLeft boxY = box.offsetTop 一般鼠标的位置使用 pageX / pageY 获取，但是 IE 不支持这两个属性。...所以在 IE 中使用 event.clientX + document.body.scrollLeft - document.body.clientLeft; 获取鼠标的位置 if (e.pageX)...，在Chrome，Opera,Safari中指外边缘，即将该元素边框的宽度计算在内，firefox则不包含边框值 pageX,pageY 指相对文档窗口左上角的距离，不会随滚动条移动 clientX,clientY

6.3K10

写一个H5图片预览组件

事件影响到下方的元素 componentWillUnmount() { // 模态框销毁后移除事件和外层容器 this.root.removeEventListener('touchmove...主要用到的事件如下： onPinch(e) 双指缩放时触发，e.zoom为缩放倍数 onMultipointStart(e) 多点触摸时触发 onPressMove(e) 手指按下并移动时触发，e.deltaX..., e.deltaY为两个方向上移动的距离 onTouchEnd(e) 触摸停止时触发 <AlloyFinger onPinch={this.onPinch} onPressMove={this.onPressMove...需要注意的是这里的zoom是相对于每一次缩放手势开始时的放大倍数，因此需要监听onMultipointStart事件，在开始缩放时记录下原始的scale值。...(); } 另外，在onTouchEnd时判断当前手指移动的距离是否足够大，判断是否切换到下一张图片。

1.5K11

JavaScript的事件

1) 事件流 描述的是从页面中接受事件的顺序 1. 事件冒泡 (IE事件流) 事件开始由最具体的元素接收，然后逐级向上传播到不具体的节点。...IE中的事件对象 在使用DOM0级方法添加事件时，event对象可以作为window对象的一个属性存在，使用attachEvent添加事件处理程序的时候，event对象会作为参数传入事件处理函数中 dom.onclick...>）中的一个或多个字符时 resize 当浏览器窗口被调整到一个新的高度或者宽度时，会触发 scroll 当用户滚动带滚动条的元素中的内容时，在该元素上触发resize,scroll会在变化期间重复被激发...任意鼠标按钮按下时触发 mouseup 释放鼠标按钮触发 mousemove 鼠标在元素内部移动的时候重发触发 mousewheel 滚轮事件 mouseover 鼠标位于元素外部，将其首次移入另一个元素边界之内时触发...相关元素,event特殊属性 1.客户区坐标位置 clientX,clientY 事件发生时，鼠标指针在视口中的水平和垂直坐标 2.页面坐标位置 pageX,pageY 事件发生时，鼠标指针在页面本身而非视口的坐标

1.4K30

js中的事件（event）

，相当于文档的中鼠标的坐标； target事件源；事件源的概念：事件最终发生在页面的那个元素上； 事件源和事件的传播是息息相关的 事件的传播包括：冒泡和捕获；事件传播是浏览器在处理事件行为的机制，冒泡阶段或者捕获阶段...这样表单就不会产生提交行为了； document.onmousewheel = function(){return false;}//IE和chrome的方式，取消鼠标的滚轮的默认行为，网页的滚动条就不会动了...， 在理解事件传播的时候要注意两点： 一、是事件本身在传播，而不是绑定在事件上的方法在传播； 二、是并非所有的事件都会传播，像onfocus,onblur等事件就不会传播，onmouseenter和onmouseleave...需求：在如下的HTML代码中，当你点击这个页面中的一个元素时，弹出这个元素对应的标签名； outer inner <...在W3C的标准是在同一事件上，先绑定的方法先执行，并且不能重复绑定同一个方法在同一个事件上，但是IE6、7、8中，如果绑定的方法少于9个，执行的顺序是相反的，超过9个，执行顺序就是混乱的，这些IE中的问题都是比较严重的

6.6K30

【JS】395-重温基础：事件

1.1 事件冒泡 冒泡事件（Event Bubbling）：事件开始时由最具体的元素接收（文档中嵌套层次最深的那个节点），然后逐层向上传播到较为不具体的节点（文档），看下示例代码： 元素）在捕获阶段不接收事件，即在捕获阶段，事件从 document对象到 再到 后就停止，进入“处于目标”阶段，事件在 元素上发生...{ // 只有当 event 中的 cancelable 属性为true的事件 event.preventDefault();} 立即停止事件在DOM的传播 通过调用 event.stopPropagation...Web浏览器中的事件类型有很多，DOM3级事件规定有以下几类事件类型： UI事件：当用户与页面上元素交互时触发； 焦点事件：当元素失去或获取焦点时触发； 鼠标事件：当用户通过鼠标在页面操作时触发； 滚轮事件...键，默认false button : 整数，表示按下哪个鼠标键，默认0 relatedTarget : 对象，表示与事件相关的对象，只在 mouseover和 mouseout时使用 案例： var btn

99960

事件高级

DOM事件流 html中的标签都是相互嵌套的，我们可以将元素想象成一个盒子装一个盒子，document是最外面的大盒子。 当你单击一个div时，同时你也单击了div的父元素，甚至整个页面。 ​...事件冒泡：IE最早提出，事件开始时由最具体的元素接收，然后逐级向上传播到到DOM最顶层节点的过程。...onclick 和 attachEvent（ie） 只在冒泡阶段触发        // 冒泡阶段 如果addEventListener 第三个参数是 false 或者 省略        //...在 IE6~8 中，浏览器不会给方法传递参数，如果需要的话，需要到 window.event 中获取查找。 ?...说白了就是，不给子元素注册事件，给父元素注册事件，把处理代码在父元素的事件中执行。 生活中的代理： ? js事件中的代理： ?

1.3K20

事件高级

DOM事件流 html中的标签都是相互嵌套的，我们可以将元素想象成一个盒子装一个盒子，document是最外面的大盒子。 当你单击一个div时，同时你也单击了div的父元素，甚至整个页面。 ​...●事件冒泡: IE最早提出，事件开始时由最具体的元素接收,然后逐级向上传播到到DOM最顶层节点的过程。...事件发生时会在元素节点之间按照特定的顺序传播，这个传播过程即DOM事件流。 注意 1. Js代码中只能执行捕获或者泡其中的一个阶段。 2. onclick和attachEvent 只能得到冒泡阶段。...事件对象的使用 事件触发发生时就会产生事件对象，并且系统会以实参的形式传给事件处理函数。 所以，在事件处理函数中声明1个形参用来接收事件对象。 ?...常情况下terget 和 this是一致的， 但有一种情况不同，那就是在事件冒泡时（父子元素有相同事件，单击子元素，父元素的事件处理函数也会被触发执行）， 这时候this指向的是父元素，因为它是绑定事件的元素对象

1.5K41

前端成神之路-WebAPIs03

DOM事件流 html中的标签都是相互嵌套的，我们可以将元素想象成一个盒子装一个盒子，document是最外面的大盒子。 当你单击一个div时，同时你也单击了div的父元素，甚至整个页面。...事件对象的使用 事件触发发生时就会产生事件对象，并且系统会以实参的形式传给事件处理函数。 所以，在事件处理函数中声明1个形参用来接收事件对象。 ?...说白了就是，不给子元素注册事件，给父元素注册事件，把处理代码在父元素的事件中执行。 生活中的代理： ? js事件中的代理： ?...1px 就会触发这个事件 // 2.核心原理： 每次鼠标移动，我们都会获得最新的鼠标坐标， // 把这个x和y坐标做为图片的top和left 值就可以移动图片...1px 就会触发这个事件 // 2.核心原理： 每次鼠标移动，我们都会获得最新的鼠标坐标， // 把这个x和y坐标做为图片的top和left 值就可以移动图片

2.9K20

「Web编程API」- 03

DOM事件流 html中的标签都是相互嵌套的，我们可以将元素想象成一个盒子装一个盒子，document是最外面的大盒子。 当你单击一个div时，同时你也单击了div的父元素，甚至整个页面。...所以，在事件处理函数中声明1个形参用来接收事件对象。 事件对象的兼容性处理 事件对象本身的获取存在兼容问题： 标准浏览器中是浏览器给方法传递的参数，只需要定义形参 e 就可以获取到。...在 IE6~8 中，浏览器不会给方法传递参数，如果需要的话，需要到 window.event 中获取查找。...常情况下terget 和 this是一致的，但有一种情况不同，那就是在事件冒泡时（父子元素有相同事件，单击子元素，父元素的事件处理函数也会被触发执行），这时候this指向的是父元素，因为它是绑定事件的元素对象...1px 就会触发这个事件 // 2.核心原理： 每次鼠标移动，我们都会获得最新的鼠标坐标， // 把这个x和y坐标做为图片的top和left 值就可以移动图片

1.4K50

JavaScript阻止冒泡和取消默认事件(默认行为)

JavaScript冒泡和捕获是事件的两种行为，使用event.stopPropagation()起到阻止捕获和冒泡阶段中当前事件的进一步传播。...防止冒泡和捕获 w3c的方法是e.stopPropagation()，IE则是使用e.cancelBubble = true stopPropagation也是事件对象(Event)的一个方法，用是阻止目标元素的冒泡事件...当Event 对象的 cancelable为false时，表示没有默认行为，这时即使有默认行为，调用preventDefault也是不会起作用的。...对象的元素、鼠标的位置及状态、按下的键等等； event对象只在事件发生的过程中才有效。...在IE/Opera中是window.event，在Firefox中是event；而事件的对象，在IE中是window.event.srcElement，在Firefox中是event.target，Opera

5.6K30
点击加载更多

扫码

添加站长 进交流群

领取专属 10元无门槛券

手把手带您无忧上云

扫码加入开发者社群

相关资讯

热门标签

更多标签

活动推荐

    运营活动

    活动名称
    广告关闭

    腾讯云开发者

    扫码关注腾讯云开发者

    扫码关注腾讯云开发者

    领取腾讯云代金券

    热门产品

    热门推荐

    更多推荐

    Copyright © 2013 - 2024 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有

    深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 深公网安备号 44030502008569

    腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号 | 京公网安备号11010802020287

    领券