资讯专栏INFORMATION COLUMN

html5与css交互API《二》

FleyX / 2582人阅读

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

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;
}

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

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

相关文章

  • 什么是 HTML 5?

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

    zhaofeihao 评论0 收藏0
  • html5css交互 API 《一》classList

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

    wenshi11019 评论0 收藏0

发表评论

0条评论

最新活动
阅读需要支付1元查看
<