How to remove element click event in javascript

Method: 1. Use the "click element object.unbind("click");" method, which can remove the event handler of the selected element; 2. Use "click element object.off(" click");" method, which can remove the event handler added through the on() method.

The operating environment of this tutorial: Windows 10 system, JavaScript version 1.8.5, Dell G3 computer.

How to remove element click events in javascript

Method 1. Use the unbind() method

unbind() method to remove the event of the selected element handler.

This method can remove all or selected event handlers, or terminate the execution of the specified function when an event occurs.

This method can also unbind the event handler through the event object. This method is also used to unbind events within itself (such as deleting the event handler after the event has been triggered a certain number of times).

Note: If no parameters are specified, the unbind() method will remove all event handlers for the specified element.

Note: The unbind() method applies to any event handler added by jQuery.

The example is as follows:

    
  
这是一个段落。
 点击事件 移除点击事件  

Output result:

##Method 2, use off() method

       
  
点击这个段落修改它的背景颜色。
 
点击一下按钮再点击这个段落( click 事件被移除 )。
 移除 click 事件句柄  

##[Related recommendations:

、webfrontend】

The above is the detailed content of How to remove element click event in javascript. For more information, please follow other related articles on the PHP Chinese website!