美文网首页
设置元素不可点击

设置元素不可点击

作者: 鲲鹏f2e | 来源:发表于2018-07-17 00:39 被阅读0次

cursor:pointer; pointer-events: none;

pointer-events:auto | none | visiblepainted | visiblefill | visiblestroke | visible | painted | fill | stroke | all

默认值:auto

适用于:所有元素

继承性:有

动画性:否

计算值:指定值

取值:
auto:
与pointer-events属性未指定时的表现效果相同。在svg内容上与visiblepainted值相同
none:
元素永远不会成为鼠标事件的target。但是,当其后代元素的pointer-events属性指定其他值时,鼠标事件可以指向后代元素,在这种情况下,鼠标事件将在捕获或冒泡阶触发父元素的事件侦听器。
其他值只能应用在SVG上。
说明:
设置或检索在何时成为属性事件的target。
使用pointer-events来阻止元素成为鼠标事件目标不一定意味着元素上的事件侦听器永不会触发。如果元素后代明确指定了pointer-events属性并允许其成为鼠标事件的目标,那么指向该元素的任何事件在事件传播过程中都将通过父元素,并以适当的方式触发其上的事件侦听器。当然位于屏幕上在父元素上但不在后代元素上的鼠标活动都不会被父元素和后代元素捕获(将会穿过父元素而指向位于其下面的元素)。
对应的脚本特性为pointerEvents。

相关文章

  • 设置元素不可点击

    cursor:pointer; pointer-events: none; pointer-events:auto...

  • EditText不可编辑 但是可以设置点击事件

    设置edittext不可编辑 但是可以设置点击事件: 设置edittext不可编辑 并且点击事件也不可设置:

  • Bootstrap - 打开标签页

    代码: 首先我们要对元素设置点击事件。 添加点击事件的元素: 标签页我们需要打开的: 1.我们给两个父元素设置id...

  • 元素点区域被img覆盖问题

    如果设置一个元素可以点击,但元素下方有一个 img 标签时(元素 absolute 定位),ie 9 以下点击区域...

  • 【前端】-017-页面制作-CSS-布局

    css布局,元素摆放模式 display 设置元素的显示方式 inline,行元素 默认宽度为内容宽度 不可设置宽...

  • 自己遗漏的知识点

    行内元素、块元素、行内块元素 行内元素不可设置宽高块元素可设置宽高并且独占一行行内块元素可设置宽高 锚点 清除浮动...

  • JavaScript中事件机制

    同级元素点击事件的位置关系 如果两个元素属于同级,且相互重叠,则在上面的可以被点击,下面的点击不到。(主要通过设置...

  • CSS-尺寸样式属性

    代码: 注意: 标签不能设置宽高,因为span是行内元素,不可以设置宽度和高度。块级元素才能设置宽度和高度。

  • html5 块级元素与行内元素

    块级元素 每个块级元素都是新的一行 可设置宽高 块级元素列表 内联元素 和其他元素在一行 不可设置宽高 行内元素列...

  • bizCharts图表canvas保存为图片

    1.bizCharts自带函数 2.获取canvas dom元素,模拟a元素点击 3.重绘canvas,设置背景为白色

网友评论

      本文标题:设置元素不可点击

      本文链接:https://www.haomeiwen.com/subject/qmwipftx.html