css设置按钮不可点击,js设置div不可点击

  css设置按钮不可点击,js设置div不可点击

  您可以将元素的pointer-events属性设置为none,以实现不能单击该元素。

  该方法通过将元素的鼠标事件设置为无效来实现元素不能被点击。

  指针事件:无;CSS指针事件属性定义了元素是否对指针事件做出反应。

  描述属性值的自动默认值。对元素指针事件做出反应,例如悬停和单击。None元素不对指针事件做出反应。Initial将该属性设置为其默认值。见首字母。Inherit从其父元素继承该属性。请参见继承。

  

示例:

   !DOCTYPE htmlhtmlheadstyle div . ex1 { pointer-events:none;} div.ex2 {指针-事件:自动;}/style/head body h1 pointer-events属性/h1 p请将鼠标指针移动到下面的链接,检查是否对指针事件做出反应:/p H2 pointer-events:none:/H2 div class= ex1 Visit a href= 3359www.w3school.com.cn/html/htmltutorials/a/div H2 pointer-events:auto(默认)/H2class= ex2 当Visit a href= https://www.w3school.com.cn/css/CSS教程/a/div/body/html

注意:

   pointer-events的值为none时,如果该元素是绝对定位的,则它下面的元素可以是指针事件:无;仅用于禁用鼠标的事件仍将由其他方式触发,如键盘事件。如果元素的子元素的pointer-events设置为其他值(例如,auto),当单击子元素时,父元素的事件仍将以事件冒泡的形式开始。这就是这篇关于如何设置可点击css的文章。有关设置可点击css的更多信息,请搜索以前的文章或继续浏览下面的相关文章。希望你以后能支持我!

郑重声明:本文由网友发布,不代表盛行IT的观点,版权归原作者所有,仅为传播更多信息之目的,如有侵权请联系,我们将第一时间修改或删除,多谢。

留言与评论(共有 条评论)
   
验证码: