亚洲乱码中文字幕综合,中国熟女仑乱hd,亚洲精品乱拍国产一区二区三区,一本大道卡一卡二卡三乱码全集资源,又粗又黄又硬又爽的免费视频

css如何設(shè)置不可點(diǎn)擊的實(shí)現(xiàn)方法

  發(fā)布時(shí)間：2022-05-06 16:51:39   作者： Terence Wang   我要評(píng)論
本文主要介紹了css如何設(shè)置不可點(diǎn)擊的實(shí)現(xiàn)方法，可以通過(guò)設(shè)置元素的pointer-events屬性設(shè)置為none，來(lái)實(shí)現(xiàn)元素不可點(diǎn)擊，具有一定的參考價(jià)值，感興趣的可以了解一下

可以通過(guò)設(shè)置元素的pointer-events屬性設(shè)置為none，來(lái)實(shí)現(xiàn)元素不可點(diǎn)擊。

此方法是通過(guò)設(shè)置元素的鼠標(biāo)事件失效來(lái)實(shí)現(xiàn)元素不可點(diǎn)擊。

pointer-events: none;

CSS pointer-events 屬性定義元素是否對(duì)指針事件做出反應(yīng)。

屬性值 描述
auto 默認(rèn)值。元素對(duì)指針事件做出反應(yīng)，比如 :hover 和 click。
none 元素不對(duì)指針事件做出反應(yīng)。
initial 將此屬性設(shè)置為其默認(rèn)值。參閱 initial。
inherit 從其父元素繼承此屬性。參閱 inherit。

示例：

<!DOCTYPE html>
<html>
<head>
<style> 
div.ex1 {
  pointer-events: none;
}
 
div.ex2 {
  pointer-events: auto;
}
</style>
</head>
<body>
 
<h1>pointer-events 屬性</h1>
 
<p>請(qǐng)把鼠標(biāo)指針移至下面的鏈接，查看是否對(duì)指針事件做出反應(yīng)：</p>
 
<h2>pointer-events: none：</h2>
<div class="ex1">訪問(wèn) <a href="https://www.w3school.com.cn/html/">HTML 教程</a></div>
 
<h2>pointer-events: auto（默認(rèn)）</h2>
<div class="ex2">訪問(wèn) <a href="https://www.w3school.com.cn/css/">CSS 教程</a></div>
 
</body>
</html>

注意：

  • pointer-events 的值為 none 時(shí)，如果元素上絕對(duì)定位，那在它下一層的元素可以被選中。
  • pointer-events: none; 只是用來(lái)禁用鼠標(biāo)的事件，通過(guò)其他方式綁定的事件還是會(huì)觸發(fā)的，比如鍵盤(pán)事件等。
  • 如果將一個(gè)元素的子元素 pointer-events 設(shè)置成其他值（比如：auto），那么當(dāng)點(diǎn)擊子元素時(shí)，還是會(huì)通過(guò)事件冒泡的形式出發(fā)父元素的事件。

到此這篇關(guān)于css如何設(shè)置不可點(diǎn)擊的實(shí)現(xiàn)方法的文章就介紹到這了,更多相關(guān)css設(shè)置不可點(diǎn)擊內(nèi)容請(qǐng)搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章，希望大家以后多多支持腳本之家！

相關(guān)文章

最新評(píng)論