How javascript removes element click events

This article mainly introduces the relevant knowledge of how javascript removes element click events, the content is detailed and easy to understand, the operation is simple and fast, and has a certain reference value. I believe you will gain something after reading this article on how to remove element click events in javascript. Let's take a look.

Methods: 1, using the "click element object. Unbind (" click ") method, this method can remove the event handler of the selected element; 2, use the" click element object. Off "(" click ") method, this method can remove the event handler added by the on () method.

The operating environment of this tutorial: windows10 system, javascript1.8.5 version, Dell G3 computer.

How does javascript remove element click events

Method 1. Using unbind () method

The unbind () method removes the event handler for the selected element.

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

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

Note: if no arguments are specified, the unbind () method removes all event handlers for the specified element.

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

Examples are as follows:

$(document) .ready (function () {$(".dianji") .click (function () {$("p"). SlideToggle ();}); $(".yichu") .click (function () {$(".dianji") .click ("click");})

This is a paragraph.

Click event remove click event

Output result:

Method 2. Using off () method

The off () method is typically used to remove event handlers added by the on () method.

Since jQuery version 1.7, the off () method is a new alternative to the unbind (), die (), and undelegate () methods. This method brings a lot of convenience to API, and we recommend it, which simplifies the jQuery code base.

Note: to remove the specified event handler, the selector string must match the parameters passed by the on () method when the event handler is added.

Examples are as follows:

(document) .ready (function () {$("p") .on ("click", function () {$(this) .css ("background-color", "pink");}); $("button") .click (function () {$("p") .off ("click");});})

Click on this paragraph to change its background color.

Click the button and then click on this paragraph (the click event has been removed).

Remove click event handle

Output result:

This is the end of the article on "how javascript removes element click events". Thank you for reading! I believe you all have a certain understanding of "how to remove element click events from javascript". If you want to learn more, you are welcome to follow the industry information channel.