`
piperzero
  • 浏览: 3534434 次
  • 性别: Icon_minigender_1
  • 来自: 杭州
文章分类
社区版块
存档分类
最新评论

用css可禁止dom元素上任何事件的执行

 
阅读更多

用css可禁止dom元素上任何事件的执行:

在一个dom元素的style里面加入:pointer-events: none;这句话,

dom元素上面的任何时间都执行不了,

而且会让js无法给这个dom元素添加事件,

任何方法都无法添加事件上去!!!


这个可还真要小心了,设置了该属性会让你很头疼的。唉,我就被坑了。。。

尝试了各种方法都不能添加任何事件,纠结了很久才发现竟然是css引起的。

分享到:
评论

相关推荐

    对vue中的事件穿透与禁止穿透实例详解

    当在`<a>`标签上使用`v-on:click.stop`时,Vue会在事件处理器`doThis`执行后阻止事件继续向上层元素传播,即阻止了事件冒泡。 ### JavaScript 中的事件处理 除了使用Vue的事件修饰符,我们也可以在JavaScript的...

    菜单拖拉(图片的拖拉).zip

    例如,`dragstart`事件通常用于设置拖放数据,`dragover`事件可以阻止默认的禁止拖放行为,而`drop`事件则执行实际的放置操作。 在CSS方面,为了美化拖放效果,开发者可能会使用CSS3的过渡(transition)和动画...

    DOM学习笔记

    - **Onbeforeunload**:页面即将关闭时触发的事件,可用于提示用户。例如:`您确定要离开吗?';">` - **鼠标事件与键盘事件**: - **Window.event**:浏览器提供的事件对象,包含了关于发生的事件的信息。例如:`...

    jQuery移除或禁用html元素点击事件常用方法小结

    在JavaScript的世界里,jQuery库提供了一种简便的方式来处理DOM元素的事件,包括移除或禁用HTML元素的点击事件。本文将重点介绍jQuery中几种常用的方法来实现这一目标,适用于那些希望通过编程方式控制用户交互的...

    H5缺省页(pc端禁止f12调试等操作)

    3. **JavaScript**:JavaScript是一种广泛用于客户端Web开发的脚本语言,它可以直接在浏览器中执行,用于操控DOM(文档对象模型)、处理事件、进行AJAX异步通信等。在这里,JavaScript代码可以检测用户的键盘输入...

    tuofang_demo_js.rar_DEMO

    这个API提供了一系列的事件和接口,使得开发者能够轻松地为任何DOM元素添加拖放行为。在"tuofang_demo_js.rar_DEMO"中,我们可以预期包含以下关键知识点: 1. **dragstart** 事件:当用户开始拖动一个元素时触发。...

    解除360个人图书馆文档禁止复制限制Chrome浏览器插件

    总的来说,解除360个人图书馆文档禁止复制限制的Chrome浏览器插件是一种利用JavaScript技术实现的工具,它通过修改网页DOM结构和监听事件来解除复制限制。用户在使用时应注意版权问题,同时关注插件的安全性和隐私...

    js事件冒泡及其阻止方法

    这是因为事件首先在子元素上发生,然后“冒泡”到其父元素,直至到达DOM树的根节点。 在上述的CSS样式代码中,`.par`是父元素,`.child`是子元素,它们具有不同的背景色,用于示例中的视觉区分。当用户点击`.child`...

    html5鼠标拖拽填充游戏代码.zip

    5. `dragover`:在拖动元素悬停在目标区域上时触发,通常用于防止默认的禁止放置行为。 6. `drop`:当拖动的元素被释放到目标区域时触发,执行实际的放置操作。 jQuery库在这其中的作用是简化DOM操作和事件处理,...

    在vue中实现禁止屏幕滚动,禁止屏幕滑动

    由于在遮罩层的根元素上绑定了`@touchmove.prevent`和`@mousewheel.prevent`,任何尝试在该元素上进行的滑动或滚动操作都将被阻止,从而防止底层页面的滚动。 另外,对于传统页面,我们可能会选择在`body`元素上...

    jQuery打开多个标签页代码

    1. **DOM操作**:jQuery提供了简洁的API来创建、选择和操作DOM元素。例如,`$('<li>')`可以创建一个新的`<li>`元素,`$(element).append(content)`则可以在指定元素后添加内容。 2. **事件处理**:通过`click`事件...

    常用javascript

    document.getElementsByName()和document.getElementById()是常用的DOM元素查找方法。定时器可以通过setInterval()和clearInterval()来设置和清除。 JavaScript提供了编码和解码的方法,如escape()和unescape()。...

    jQuery禁止并灰显下拉选项

    2. **选择器和方法**:jQuery提供了简洁的语法来选取DOM元素并操作它们。要找到指定ID的下拉列表,可以使用`$("#mySelect")`。然后,我们可以使用`.find()`方法来选取所有的`<option>`元素,再用`.each()`遍历它们。...

    弹出框随滚动条滚动

    - **getBoundingClientRect()**:这个DOM元素的方法返回元素相对于视口的位置信息,包括top、right、bottom、left属性,常用于判断元素是否在视口内。 - **窗口滚动位置**:`window.pageYOffset`或`document....

    前端工程师面试题手册.pdf

    元素垂直居中可以通过多种CSS技术实现,包括使用Flexbox、Grid布局,或者使用绝对定位配合transform属性。 #### CSS3中的溢出处理 CSS3提供了更灵活的溢出处理方式,例如`overflow-x`, `overflow-y`, `overflow: ...

    常用js代码超级实用.pdf

    这份“常用js代码超级实用.pdf”文档涵盖了JavaScript中的多个关键知识点,包括事件处理、元素操作、DOM操作、浏览器特性以及一些实用技巧。 1. **事件源对象**:`event.srcElement` 提供了触发事件的元素信息,如...

    HTML5程序设计-3期(KC014) 拓展-图片拖拽分组.docx

    - `dragover`事件处理函数:当拖动元素进入可放下区域时触发,改变边框颜色以提供视觉反馈,并取消默认的禁止放置行为。 - `dragleave`事件处理函数:当拖动元素离开可放下区域时触发,恢复边框颜色。 - `...

    JavaScript 源代码大全(常用、实用、特效)

    1. **元素选择与操作**:通过getElementById、getElementsByClassName、querySelector等方法获取DOM元素,并进行增删改查操作。 2. **AJAX**:利用XMLHttpRequest或fetch API异步请求数据,更新页面内容,实现无刷新...

    使用CSS+JavaScript或纯js实现半透明遮罩效果的实例分享

    2. 获取遮罩层和内容层的DOM元素。 3. 为按钮设置点击事件监听器,当点击时执行显示遮罩层的函数。 4. 在显示遮罩层的函数中,更改遮罩层和内容层的`display`属性值,并设置`z-index`属性值。 5. 为关闭按钮设置点击...

    javascipt技巧大全

    12. **DOM遍历**:`obj.parentElement`和`obj.parentNode`可以获取DOM元素的父节点。 13. **表格操作**:`TableID.moveRow(2, 1)`将表格的第三行移动到第二行,`document.all.csss.href = "a.css"`替换CSS文件。 ...

Global site tag (gtag.js) - Google Analytics