通过jquery怎么移除点击事件

coldplay.xixi
coldplay.xixi 原创
2020-11-30 10:39:06 4981浏览

通过jquery移除点击事件的方法:首先在html里添加一个按钮;然后使用jquery来为按钮添加上click的点击事件;最后使用jquery的unbind方法来移除事件就行了。

本教程操作环境:windows7系统、jquery3.2.1版,该方法适用于所有品牌电脑。

通过jquery移除点击事件的方法:

1、我们先在html里添加一个按钮。

a0e2ca8c78eb0bbd19aaf952b9309c1.png

2、然后使用jquery来为按钮添加上click的点击事件。

1853cef771b7da29421eaf2a29f403f.png

3、要删除添加的事件,我们使用jquery的unbind方法来移除事件就行了,在代码里加上:unbind()的方法调用。

239182151315665e710fa56c9558c13.png

4、当然上方的把按钮的所有事件都移除了,如果你的按钮上绑定了多个事件,比如click事件,mouseover事件等 ,我们只要移除点击事件,则可以在方法的第一个参数上,写上要移除的是「click」。

70c1396e9c31deb8fd87ac87f3f6d1e.png

5、运行页面,我们在点击页面上的按钮。

0f9621757a5437bbf7162d040a225bb.png

6、点击后,可以看到弹出了alert框,表示添加事件了。

ebdcba3fa09307ccfb636bcfb22a19a.png

7、当我们关闭掉弹出框,再点击按钮时,会发现不再弹出提示框了,因为事件已经被移除了。

c6394e0b8863df7faa008f0a1ad87bf.png

相关免费学习推荐:javascript(视频)

以上就是通过jquery怎么移除点击事件的详细内容,更多请关注php中文网其它相关文章!

声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn核实处理。