元素中css样式：pointer-events的属性使用
pointer-events:none，设置成功的时候，意味着位于该元素下的元素可以被触发事件，而该元素不会被触发事件（事件可以穿透该元素，直接到达下面的元素上)
pointer-events:none的作用是让元素实体“虚化”。例如一个应用pointer-events:none的按钮元素，则我们在页面上看到的这个按钮，只是一个虚幻的影子而已，您可以理解为海市蜃楼，幽灵的躯体。当我们用手触碰它的时候可以轻易地没有任何感觉地从中穿过去。
一切都是幻影!
一般和渐变样式混合使用；
eg:
{
-
pointer-events: none;
-
line-height: 1;
-
background: -webkit-linear-gradient(left,rgba(255,255,255,.01)0,rgba(255,255,255,.9)30%,#fff 100%);
-
background: -ms-linear-gradient(left,rgba(255,255,255,.01) 0,rgba(255,255,255,.9) 30%,#fff 100%);
-
background: -webkit-linear-gradient(left,rgba(255,255,255,.01)0,rgba(255,255,255,.9)30%,#fff 100%);
-
background: linear-gradient(to right,rgba(255,255,255,.01)0,rgba(255,255,255,.9)30%,#fff 100%);
}
分享到：
相关推荐
- `document.elementFromPoint(event.x, event.y)`：根据鼠标指针位置获取其下方的元素。 - **插入节点**： - `document.elementFromPoint(event.x, event.y).appendChild(ms)`：向指定元素后添加一个新的子节点...
标题和描述中提到的知识点包含了很多JavaScript编程中的高级技巧和实用方法，涵盖了事件处理、DOM操作、字符串处理、CSS操作等多个方面。以下是对给定内容中知识点的详细解释： 1. 事件处理： - `event.srcElement...
- `document.elementFromPoint(event.x, event.y)`：根据鼠标位置找到对应的元素。 - `document.images[index]`：访问页面上的图像元素。 - `document.onmousedown`：定义鼠标按下时的事件处理。 - `document....
- `document.elementFromPoint(event.x,event.y)`: 根据坐标位置获取对应的DOM元素。 - `document.images[]`: 获取文档中的所有图片元素集合。 - `document.getElementsByName("r1")`: 根据名称获取元素集合。 -...
- **`document.elementFromPoint(event.x,event.y)`**：根据坐标查找文档中对应的元素。 - **`document.images[]`**：获取文档中的所有图片元素。 - **`document.getElementsByName("r1")`** 和 **`document....
- `document.elementFromPoint(event.x,event.y)`：根据鼠标坐标找到对应的元素。 - `document.images[索引]`：访问页面上的图像元素。 - `document.onmousedown=scrollwindow`：为窗体绑定鼠标按下事件。 - `...
- `document.elementFromPoint(x, y)`：根据坐标找到元素。 - `document.images[index]`：访问页面上的图像数组。 - `document.on*`：如`onmousedown`，绑定事件监听器到文档。 3. **元素操作**： - `element....
- **`document.elementFromPoint(event.x, event.y)`**: 根据鼠标坐标获取元素。 - **`document.elementFromPoint(event.x, event.y).tagName == "TD"`**: 检查获取的元素是否为TD标签。 - **`document....
- `document.elementFromPoint(event.x,event.y)`: 根据屏幕坐标找到最上面的DOM元素。 - `document.images[]`: 访问文档中所有的图片元素。 ### 文档事件与属性 - `document.oncontextmenu`: 注册右键菜单事件的...
- `document.elementFromPoint(event.x,event.y)`: 根据鼠标位置获取页面中的元素。 - `document.elementFromPoint(event.x,event.y).tagName=="TD"`: 判断获取到的元素是否为`<td>`。 - `document....
- **`document.elementFromPoint(event.x,event.y)`**：根据坐标获取位于该坐标上的元素。 **知识点5：元素操作** - **`document.elementFromPoint(event.x,event.y).appendChild(ms)`**：将一个节点添加到指定...
- `document.elementFromPoint(event.x,event.y)`：根据鼠标坐标找到元素。 - `document.images[索引]`：访问页面上的图像。 - `document.all.csss.href = "a.css"`：更改CSS链接。 - `document.all.elements...
- `document.elementFromPoint(event.x,event.y)`：根据鼠标位置获取元素。 - `document.all.xxx.detachEvent('onclick',a)`：解除事件绑定。 - `navigator.plugins`：获取浏览器已安装的插件数量。 - `typeof($...
- `document.elementFromPoint(event.x,event.y)`：返回在页面上指定坐标位置的元素。 #### 元素属性 - `document.images[]`：访问页面上的所有图片元素。 #### 鼠标点击事件 - `document.onmousedown`：当用户按...
- `document.elementFromPoint(event.x,event.y)`: 根据鼠标位置获取页面中的元素。 **3. 操作元素** - `document.images[]`: 获取文档中所有图像元素。 - `document.all.xxx.detachEvent('onclick',a)`: 移除...
- **`document.elementFromPoint(event.x, event.y).tagName`**：根据鼠标点击坐标返回位于该坐标下的最上层元素的标签名。 - **`document.elementFromPoint(event.x, event.y).appendChild(ms)`**：将元素插入到...
- **`document.elementFromPoint(event.x, event.y).tagName`**：根据鼠标点击的位置返回对应的元素及其标签名。 - **添加子元素** - **`document.elementFromPoint(event.x, event.y).appendChild(ms)`**：将元素`...
- **`document.getElementsByName` 和 `document.getElementById`**：分别通过name属性和id属性获取表单元素，是表单操作的基本手段。 - **`document.oncontextmenu`**：处理右键菜单事件，可以通过设置`document....