首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

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

在前端开发工作中,由于浏览器兼容性等问题,我们会经常用到“停止事件冒泡”和“阻止浏览器默认行为”。...e.stopPropagation(); 5 else 6 //否则,我们需要使用IE的方式来取消事件冒泡 7 window.event.cancelBubble = true; 8 return false; 2.阻止浏览器的默认行为...6 7 if (event&& event.preventDefault) { 8 9   //阻止默认浏览器动作(W3C) 10 11 event.preventDefault...return false; } 但是在使用return false时必须注意: 1、jQuery有自己的事件处理层,也对处理程序做了封装,如果事件处理程序返回false,事件冒泡和浏览器默认事件都会被阻止...2、使用原生javaScript,在事件处理程序中返回false只会阻止浏览器默认行为,而事件冒泡依然存在。 3、浏览器默认行为和事件冒泡是相互独立的。阻止事件冒泡不会影响默认行为,反之亦然。

5.3K120
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    .NETC# 阻止屏幕关闭阻止系统进入睡眠状态

    在 Windows 系统中,一段时间不操作键盘和鼠标,屏幕便会关闭,系统会进入睡眠状态。但有些程序(比如游戏、视频和演示文稿)在运行过程中应该阻止屏幕关闭,否则屏幕总是关闭,会导致体验会非常糟糕。...本文介绍如何编写 .NET/C# 代码临时阻止屏幕关闭以及系统进入睡眠状态。...一个指的是屏幕关闭,一个指的是系统进入睡眠。 此封装后,使用则相当简单: 1 2 3 4 5 // 阻止系统睡眠,阻止屏幕关闭。...SystemSleep.PreventForCurrentThread(); // 恢复此线程曾经阻止的系统休眠和屏幕关闭。...如果你发现无论你设置了多么短的睡眠时间和屏幕关闭时间,屏幕都不会关闭,那就是有某个程序阻止了屏幕关闭,你可以: 查看有哪些程序会一直保持屏幕处于打开状态 找到是谁持续唤醒了计算机屏幕 ---- 参考资料

    74930

    微信浏览器阻止弹框

    微信浏览器和QQ浏览器有个自带的特殊功能,就是长按会出现上图所示的弹框。有时候前端页面中有长按事件时,总是会触发这个弹框而影响我们自己开发的功能。那么该如何屏蔽这个弹框呢? ...注意不要使用下面这种代码形式(或者类似的方法)来阻止这个弹框: //错误方法 document.addEventListener('touchstart', function(ev){ ev.preventDefault...(); },false); 上面这段代码会阻止页面滚动事件、a标签默认跳转事件等不该屏蔽的事件。...还有当长按事件下有图片时,长按会弹出发送给朋友,保存到手机,收藏的弹框,解决办法是在图片上层盖一个透明层,让长按事件点击不到图片,即可阻止

    1.6K20

    如何阻止冒泡&&浏览器默认行为

    摘要 很多同学对阻止事件冒泡和阻止事件默认行为容易混淆,项目中因为一些原因也需要阻止浏览器的一些默认行为,这里就简单总结一下。...阻止事件冒泡 什么是事件冒泡这里就不再赘述了,网上的文章一大把,这里就简述一下如何阻止事件冒泡,阻止事件冒泡在使用浏览器原生API的情况下,是需要分情况考虑的,毕竟有个个性的浏览器IE,这里分为IE实现和...可以尝试使用return false 阻止浏览器默认行为 在开始之前,首先需要了解什么是浏览器的默认行为,我这里简单举几个例子: 点击a标签,如果设置了href会执行跳转 点击输入框,输入框会获取焦点...点击右键,会弹出浏览器右键菜单 点击submit,会提交其所在表单 点击checkbox 会选中或者反选 还有其他的很多,这里就不一一列举了 同样的对于阻止浏览器默认行为的实现也分为W3C标准实现和IE...; console.dir(event); } } document.addEventListener('wheel', preventCancelableEvents); # 总结 阻止默认冒泡和阻止浏览器默认行为需要关注的是兼容性问题

    2.1K40

    在Windows下通过Python脚本来阻止屏幕关闭

    在Windows下可以在系统中设置自动关闭屏幕的时间,在一些场合下,我么可能会想临时的阻止Windows自动关闭屏幕,但是又不想改变系统设置(比如在疫情里面宅在家里远程办公的时候,检查完孩子作业之后回来...在Windows中,可以通过SetThreadExecutionState方法来设置应用运行的状态,来设置应用是否需要关闭屏幕,是否可以阻止进入睡眠状态。...Python在Windows下,可以通过ctypes.windll来调用dll中提供的方法,从而可以在脚本中来组织Windows关闭屏幕。...其中ES_DISPLAY_REQUIRED是重置系统用于计算自动关闭屏幕的时钟,而ES_CONTINUOUS与ES_DISPLAY_REQUIRED一起设置时,则表示直到下一次设置,那么让系统保持这一次设置的状态为

    2.9K00

    Windows 系统上如何揪出阻止你屏幕关闭的程序

    使用 Win32 API SetThreadExecutionState 可以阻止进入屏幕保护程序,也能阻止屏幕关闭阻止系统睡眠。...这很方便,这也就可能造成各种参差不齐的程序都试图阻止你的屏幕关闭,于是来一个一整晚亮瞎眼就很难受。 本文教大家如何揪出阻止你屏幕关闭的程序。...于是,如果有某个应用或驱动设置了阻止屏幕关闭,那么就会出现在此命令执行的结果里面。...比如下面是我的例子: SteamVR 的几个进程试图阻止屏幕关闭,另外一些进程试图阻止系统睡眠 结束掉 SteamVR 后重新执行此命令,可以发现已经没有进程在阻止屏幕关闭和系统睡眠了: 命令 powercfg...所以,可以去 Edge 浏览器标签里找找,是否有正在播放的视频或音频等。 常用阻止关闭屏幕的程序 发现电脑屏幕总是不自动关闭

    2.5K30

    vue.js中实现阻止事件冒泡

    当父子元素中都有点击事件的时候,为了让触发子元素中的事件时,不去触发父元素中的事件,可以在子元素事件中添加stop来阻止事件冒泡。....stop 是阻止冒泡行为,不让当前元素的事件继续往外触发,如阻止点击div内部事件,触发div事件 .prevent 是阻止事件本身行为,如阻止超链接的点击跳转,form表单的点击提交 .self 是只有是自己触发的自己才会执行...,如果接受到内部的冒泡事件传递信号触发,会忽略掉这个信号 .capture 是改变js默认的事件机制,默认是冒泡,capture功能是将冒泡改为倾听模式 .once 是将事件设置为只执行一次,如 .click.prevent.once...代表只阻止事件的默认行为一次,当第二次触发的时候事件本身的行为会执行 .passive 滚动事件的默认行为 (即滚动行为) 将会立即触发,而不会等待 onScroll 完成。...阻止click事件冒泡(防止触发另一个事件)的方法 使用vue阻止子级元素的click事件冒泡。

    6.5K10
    领券