CSS如何实现禁止button元素被点击的方法

当她不爱你的时候,就是你从他生活中消失的时候,在第一时间离开她,骄傲地过属于自己的生活。同时,你也希望她能幸福快乐,希望她找到属于她的未来。我们就轻轻拥抱一下回忆里的温暖。

如果CSS中的 pointer-events 属性,设置其值为 none 的话,可以禁止 button 元素被点击,并且也可禁止其 JS 点击事件。

CSS pointer-events 属性

pointer-events:设置元素是否对指针事件做出反应

语法:

pointer-events: auto|none;

可选值:

auto:默认值,可以 :hover 和 click 做出反应。

none:元素不可点击,禁止所有事件

CSS 禁止button点击事件

示例:

<button>这是可点击的</button>
<button style="pointer-events:none">这是不可点击的</button>

示例图:

CSS实现禁止button元素被点击的方法

示例2:

CSS pointer-events 属性也可以禁止button的JS点击事件。

<script src="https://cdn.staticfile.org/jquery/2.2.4/jquery.min.js"></script>
<button>这是可点击的</button>
<button style="pointer-events:none">这是不可点击的</button>
<p></p>
<script>
$('body').on('click','button',function(){
alert('sss');
});
</script>

以上就是CSS如何实现禁止button元素被点击的方法。当你能爱的时候就不要抛却爱;当你能梦的时候就不要抛却梦;当你能飞的时候就不要抛却飞。更多关于CSS如何实现禁止button元素被点击的方法请关注haodaima.com其它相关文章!

您可能有感兴趣的文章
DIV拖拽排序的JS插件sortable.javascript

javascript 判断DIV是否隐藏的方法

html页面仿黑客帝国代码雨源码示例

HTML复选框选中与未选中触发事件的方法

html给table中的行或单元格加链接的方法