javascript – 使用指针事件阻止程序化点击

2019-07-11 09:35:37 阅读：114 来源： 互联网

我有一个用户可以点击的按钮,但在某些情况下,应用程序也会触发点击事件.但是,如果应用程序处于脱机状态,则会将一个类添加到正文中,并且应禁用该按钮.在这种情况下,它看起来像这样：

<body class="is-offline">
    <button>Click me</button>
    <script>
        $('button').click(function () {
            ...
        });
    </script>
</body>

用以下css

.is-offline button {
    ...
    pointer-events: none;
}

到目前为止它仍然有效,但正如我所提到的,应用程序也可以触发点击

$('button').trigger('click');

使用指针事件：无触发器执行单击并忽略指针事件设置. DEMO

是否有一些简单的方法来解决这个问题,而不需要检查特定样式/类的DOM元素或是否需要通过我的应用程序传播离线状态？

解决方法:

正如@midas所提到的,off应该可以工作,此代码将仅禁用.is-offline的按钮子项的单击.

$(".is-offline button").off("click");

标签：jquery,javascript,html5,css3
来源： https://codeday.me/bug/20190711/1430695.html

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

ICode9

javascript – 使用指针事件阻止程序化点击