Shulou(Shulou.com)05/31 Report--

This article introduces the knowledge of "how to set jquery to trigger events when the input value changes". In the operation of actual cases, many people will encounter this dilemma, so let the editor lead you to learn how to deal with these situations. I hope you can read it carefully and be able to achieve something!

In jquery, you can use the change () method to set the event to trigger when the input value changes. This method is used to set the change event that occurs when the value of the element changes, or to specify the function to run when the event occurs. The syntax is "input element object .change (event occurrence trigger code)".

The operating environment of this tutorial: windows10 system, jquery3.2.1 version, Dell G3 computer.

How does jquery set up an event to trigger when the input value changes

The change event occurs when the value of an element changes (for form fields only).

The change () method triggers the change event, or specifies the function to run when the change event occurs.

Note: when used with select elements, the change event occurs when an option is selected. When used with text field or text area, the change event occurs when the element loses focus.

Grammar

The change event that triggers the selected element:

(selector) .change ()

Add a function to the change event:

$(selector) .change (function)

Function is optional. Specifies the function to run against the selected element when the change event occurs.

Examples are as follows:

$(document) .ready (function () {$("input") .change (function () {alert ("text has been modified");})

Write something in the input box, then press the enter key or click outside the input box.

Output result:

After modifying the text content:

That's all for "how jquery sets the event to trigger when the input value changes". Thank you for reading. If you want to know more about the industry, you can follow the website, the editor will output more high-quality practical articles for you!

Welcome to subscribe "Shulou Technology Information " to get latest news, interesting things and hot topics in the IT industry, and controls the hottest and latest Internet news, technology news and IT industry trends.