美文网首页
用css 来禁用点击事件

用css 来禁用点击事件

作者: 痛心凉 | 来源:发表于2021-04-29 14:25 被阅读0次

在html 中的一种简单的写法。如下:

<span >点击</span>

点击事件执行JavaScript的脚本。如下:

$("span").click(function() {
    console.log('您点击了我哦!!!')
});

当您遇到一些场景,只需展示时,并且不允许用户点击,您可以用css来控制,这是一种改动量最小,并且不会影响其他的操作;具体写法如下:

css写法
.disabled{pointer-events: none;}
js写法
$("span").addClass('disabled');

相关文章

  • 用css 来禁用点击事件

    在html 中的一种简单的写法。如下: 点击事件执行JavaScript的脚本。如下: 当您遇到一些场景,只需展示...

  • css禁用鼠标点击事件

    你不知道的CSS:css禁用鼠标点击事件 .disabled { pointer-events: none; }

  • 1-阻止click点击事件

    网上查了后有一下几种实现方法 1.css禁用鼠标点击事件 2.直接在js中使用阻止事件的进行 jquery 禁用a...

  • 前端小技术(不定期更新...)

    点击图片进行全屏演示,禁止上下滑动页面 禁用form表单的回车提交事件 # 纯CSS实现文字超过n行后省略 开启G...

  • 小程序短信验证码倒计时

    wxss文件 给发送短信验证码的接口绑定点击事件getSmsCode,绑定禁用标识disabledBtn,文字用变...

  • 前端小细节持续更新...

    1、css 鼠标事件禁用    平常在前端开发中我们一般很少想到css可以控制元素的事件,也就很少注意到这个属性,...

  • angular2 表格点击选中与鼠标悬浮

    HTML TS CSS 注释根据点击或悬浮事件得到选中行号,根据行号用[ngClass]绑定样式,若点击样式和悬浮...

  • 小技巧

    禁用一般禁用input 都是 disabled,如果想禁用一片区域,可以用css去完成 静态资源服务器在本地测试一...

  • View的事件分发机制-Activity的构成

    点击事件用MotionEvent来表示,当点击事件产生后,事件最先传递给Activity,所以先了解一下Activ...

  • Activity禁用全局点击事件

    android 事件分发机制是从Activity-ViewGroup-View,层层分发的,通过activtiy的...

网友评论

      本文标题:用css 来禁用点击事件

      本文链接:https://www.haomeiwen.com/subject/jocwrltx.html