您的位置是:网站首页>Javascript编程Javascript编程

通过jquery怎么移除点击事件

少儿编程网2021-06-24 13:34:10Javascript编程 人已围观 来源:少儿编程 -用户投稿

简介通过jquery移除点击事件的方法:首先在html里添加一个按钮;然后使用jquery来为按钮添加上click的点击事件;最后使用jquery的unbind方法来移除事件就行了。本教程操作环境:windows7系统、jquery3.2.1版,该方法适用于所有品牌电脑。通过jquery移除点击事件的方

www.pxcodes.com

通过jquery移除点击事件的方法:首先在html里添加一个按钮;然后使用jquery来为按钮添加上click的点击事件;**后使用jquery的unbind方法来移除事件就行了。SPa少儿编程网-https://www.pxcodes.com

SPa少儿编程网-https://www.pxcodes.com

本教程操作环境:windows7系统、jquery3.2.1版,该方法适用于所有品牌电脑。SPa少儿编程网-https://www.pxcodes.com

通过jquery移除点击事件的方法:SPa少儿编程网-https://www.pxcodes.com

1、我们先在html里添加一个按钮。SPa少儿编程网-https://www.pxcodes.com

SPa少儿编程网-https://www.pxcodes.com

2、然后使用jquery来为按钮添加上click的点击事件。SPa少儿编程网-https://www.pxcodes.com

SPa少儿编程网-https://www.pxcodes.com

3、要删除添加的事件,我们使用jquery的unbind方法来移除事件就行了,在代码里加上:unbind()的方法调用。SPa少儿编程网-https://www.pxcodes.com

SPa少儿编程网-https://www.pxcodes.com

4、当然上方的把按钮的所有事件都移除了,如果你的按钮上绑定了多个事件,比如click事件,mouseover事件等 ,我们只要移除点击事件,则可以在方法的第一个参数上,写上要移除的是「click」。SPa少儿编程网-https://www.pxcodes.com

SPa少儿编程网-https://www.pxcodes.com

5、运行页面,我们在点击页面上的按钮。SPa少儿编程网-https://www.pxcodes.com

SPa少儿编程网-https://www.pxcodes.com

6、点击后,可以看到弹出了alert框,表示添加事件了。SPa少儿编程网-https://www.pxcodes.com

SPa少儿编程网-https://www.pxcodes.com

7、当我们关闭掉弹出框,再点击按钮时,会发现不再弹出提示框了,因为事件已经被移除了。SPa少儿编程网-https://www.pxcodes.com

SPa少儿编程网-https://www.pxcodes.com

相关免费学习推荐:javascript(视频)SPa少儿编程网-https://www.pxcodes.com

以上就是通过jquery怎么移除点击事件的详细内容,更多请关注少儿编程网其它相关文章!SPa少儿编程网-https://www.pxcodes.com

来源:php中文网SPa少儿编程网-https://www.pxcodes.com

www.pxcodes.com

相关文章:

支持一下 ( )

通过jquery怎么移除点击事件

      匿名评论
    • 评论
    人参与,条评论
    通过jquery怎么移除点击事件

微信公众号

免费视频教程

先知道