您正在使用IPV4(18.205.176.39)访问本站 您本次共访问本站 1 次
 用户名: 密 码: 验证码:     用QQ登录本站
首页 软件 编程 笑话 知识 公告 台风 日历 计算器
深圳小产权房       [公益]文明驾车我带头,文明行路我带头,礼貌让座我带头      

【腾讯云】热门云产品首单特惠秒杀,2核2G云服务器45元/年      
[公益] 节省一分零钱 献出一份爱心 温暖世间真情      
2022年 儿童节 15
2022年 端午节 17
2023年 元 旦 229
2023年 春 节 250
 
本类新增
本类热门文章
您现在的位置:首页 >> 脚本程序 >> 内容
css如何设置不可点击的实现方法
内容摘要: 可以通过设置元素的pointer-events属性设置为none,来实现元素不可点击。此方法是通过设置元素的鼠标事件失效来实现元素不可点击。pointer-events:none;CSSpointer-events属性定义元素是否对指针事件做出反应。属性值描述auto默认值。元素对指针事件做出反应,比如:hover和click。none元素不对指针事件做出反......
可以通过设置元素的pointer-events属性设置为none,来实现元素不可点击。

此方法是通过设置元素的鼠标事件失效来实现元素不可点击。

pointer-events:none;

CSSpointer-events属性定义元素是否对指针事件做出反应。

属性值描述

auto默认值。元素对指针事件做出反应,比如:hover和click。

none元素不对指针事件做出反应。

initial将此属性设置为其默认值。参阅initial。

inherit从其父元素继承此属性。参阅inherit。

示例:

<!DOCTYPEhtml>

<html>

<head>

<style>

div.ex1{

pointer-events:none;

}

div.ex2{

pointer-events:auto;

}

</style>

</head>

<body>

<h1>pointer-events属性</h1>

<p>请把鼠标指针移至下面的链接,查看是否对指针事件做出反应:</p>

<h2>pointer-events:none:</h2>

<divclass="ex1">访问<ahref="https://www.w3school.com.cn/html/">HTML教程</a></div>

<h2>pointer-events:auto(默认)</h2>

<divclass="ex2">访问<ahref="https://www.w3school.com.cn/css/">CSS教程</a></div>

</body>

</html>

注意:

pointer-events的值为none时,如果元素上绝对定位,那在它下一层的元素可以被选中。

pointer-events:none;只是用来禁用鼠标的事件,通过其他方式绑定的事件还是会触发的,比如键盘事件等。

如果将一个元素的子元素pointer-events设置成其他值(比如:auto),那么当点击子元素时,还是会通过事件冒泡的形式出发父元素的事件。

上一篇:JS实现导出Excel和CSV文件操作 下一篇:python开根号函数
发布日期:2022/5/7
手机扫二维码直达本页
发布时间:13:04:33
点击:145
录入:壹家怡园
相关文章
Baidu

YiJiaCMS 6.2.1.220509(MSSQL) 闽ICP备05000814号-1
本空间由腾讯云(轻量应用服务器)提供,百度云加速提供加速防护
Copyright©2000-2022