元素中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).tagName=="TD document.elementFromPoint(event.x,event.y).appendChild(ms) 窗体图片 document.images[索引] 窗体事件绑定 document....
本机document.elementFromPoint()只会返回相对于当前可见视口的元素,如果元素在当前可见视口之外,则返回null 。 进一步阅读 安装 bower install --save element-from-absolute-point 用法 像使用document....
• 根据鼠标获得元素: document.elementFromPoint(event.x,event.y).tagName=="TD document.elementFromPoint(event.x,event.y).appendChild(ms) • 窗体图片 document.images[索引] • 窗体事件绑定 ...
head first c# 源代码 head first c# 源代码 head first c# 源代码
iframe.document出现拒绝访问。 threw an exception of type 'System.UnauthorizedAccessException' dynamic {System.UnauthorizedAccessException}
事件模型 2.document.elementFromPoint document的该方法是IE扩展的,可以根据视口的客户区坐标返回元素的DOM节点。safari也支持该方法,但是坐标表示的是网页内容布局后的坐标(该坐标是浏览器窗口的客户区坐标)。...
Events and Event Handling Section 19.1. Basic Event Handling Section 19.2. Advanced Event Handling with DOM Level 2 Section 19.3. The Internet Explorer Event Model Section 19.4. The Netscape ...
根据鼠标获得元素: document.elementFromPoint(event.x,event.y).tagName=="TD document.elementFromPoint(event.x,event.y).appendChild(ms) 窗体图片 document.images[索引] 窗体事件绑定 document....
网页右键ie不支持event.preventDefault和event.returnValue (需要加window) ,需要的朋友可以参考一下
代码如下:<...<head><... charset=gb2312″ /><title>...–function toggle(targetid){ if (document.getElementById){ target=document.getElementById(targetid); if (target.styl
修改ngTouch模块并参考网上资料,支持实时获取touch dom,以实现...var dom = document.elementFromPoint(touch.clientX, touch.clientY); $location.hash(dom.dataset.id ? dom.dataset.id : ""); $anchorScroll();
我的文章 ...2021-01-28 使用 elementFromPoint 和 elementsFromPoint 根据坐标获取元素 2021-01-26 Git 修改提交的邮箱或用户名 2021-01-26 Git 修改提交的邮箱或用户名 2020-08 (3) 2020-08-19 React
IE:var obj=document.elementFromPoint(event.clientX,event.clientY); 获取对象文本var a=obj.innerText FF里面要在事件里面添加对象才可以读取坐标。 HTML:onclick=”gj(event)” JS: 代码如下:function gj...
这里会有个问题,就是如果你的页面中有遮罩层这一类的顶层元素的话,请将其pointer-events:none,就算这个元素的display:none;也没用,实践出真知。可以去试下。 index为索引div的id $("#index").get(0)....
elementFromPoint 返回指定 x 和 y 坐标的元素。 execCommand 在当前文档、当前选中区或给定范围上执行命令。 focus 使得元素得到焦点并执行由 onfocus 事件指定的代码。 getElementById 获取对 ID 标签属性为...
MouseEnter和MouseLeave事件是用document.elementFromPoint函数模拟的。 也可以触发Click等指针事件。 还要记住,Chromecast 没有 css 指针事件,因此您没有:hover等子类。 您可以改用.hover类。 有关如何运行此...
//获取单元格元素接口(第一个参数指定第几个表格,第二个参数指定第几行,第三个参数指定第几个单元格) CString GetTableCellText(int i,int row, int j);//获取单元格文本(第一个参数指定第几个表格,第二个参数...