html5与css交互API《二》

zhangke3016 发布于2019-08-05 18:15 / 1798人阅读

摘要：获取伪元素属性的属性通过设置该属性的值为，可以高效阻止元素的事件行为包含和基本用法

1、JavaScript获取伪元素属性

// Get the color value of .element:before
var color = window.getComputedStyle(
document.querySelector(".element"), ":before"
).getPropertyValue("color");

// Get the content value of .element:before
var content = window.getComputedStyle(
document.querySelector(".element"), ":before"
).getPropertyValue("content");

2、css的pointer-events属性
通过设置该属性的值为none，可以高效阻止元素的JavaScript事件行为（包含click和addEventListener)
基本用法：
.disabled {
pointer-events:none;
}

私有云 idc机房托管 js与css交互 html5与js交互 html5与css html5与css3

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/60841.html

html5与css交互API《二》

摘要：获取伪元素属性的属性通过设置该属性的值为，可以高效阻止元素的事件行为包含和基本用法 1、JavaScript获取伪元素属性 // Get the color value of .element:before var color = window.getComputedStyle( document.querySelector(.element), :before ).getP...

FleyX 2019-08-19 14:33 评论0 收藏0
什么是 HTML 5？

摘要：该区域代表可以被所控制的画布。那么现在第二个问题，识别该文档，这或许不是大部分用户的需求，但小部分用户并不意味着人数少。因此一个基于的请求于标准内提出。前言作为程序员，技术的落实与巩固是必要的，因此想到写个系列，名为 why what or how 每篇文章试图解释清楚一个问题。这次的 why what or how 主题：现在几乎所有人都知道了 HTML5 ，那么 H5 到底相...

zhaofeihao 2019-08-02 15:41 评论0 收藏0
什么是 HTML 5？

摘要：该区域代表可以被所控制的画布。那么现在第二个问题，识别该文档，这或许不是大部分用户的需求，但小部分用户并不意味着人数少。因此一个基于的请求于标准内提出。前言作为程序员，技术的落实与巩固是必要的，因此想到写个系列，名为 why what or how 每篇文章试图解释清楚一个问题。这次的 why what or how 主题：现在几乎所有人都知道了 HTML5 ，那么 H5 到底相...

superw 2019-08-05 17:45 评论0 收藏0
html5与css交互 API 《一》classList

摘要：用过的朋友都知道，提供的方法中个可以很方便的为指定的节点添加删除类选择器，即。另外方法是用来判断指定的类选择器是否存在，存在则返回，否则返回方法是用来取出指定索引位置处的类选择器。浏览器兼容性目前高版本的浏览器中已得到完美的支持用过jquery的朋友都知道，jquery提供的方法中（3个）可以很方便的为指定的节点添加、删除类选择器，即addClass、removeClass、togg...

wenshi11019 2019-08-19 14:33 评论0 收藏0
html5与css交互 API 《一》classList

摘要：用过的朋友都知道，提供的方法中个可以很方便的为指定的节点添加删除类选择器，即。另外方法是用来判断指定的类选择器是否存在，存在则返回，否则返回方法是用来取出指定索引位置处的类选择器。浏览器兼容性目前高版本的浏览器中已得到完美的支持用过jquery的朋友都知道，jquery提供的方法中（3个）可以很方便的为指定的节点添加、删除类选择器，即addClass、removeClass、togg...

legendaryedu 2019-08-05 18:15 评论0 收藏0