How to bind events to dynamically created elements with jQuery _ jquery-js tutorial

This article describes how jQuery binds events to dynamically created elements. If you have any need, refer to the features that are frequently used on the front-end page before entering the topic: when you click the input box on the page, the text is automatically selected.

It is easy to think of using the focus event of the input box, when the input box gets the focus, then call the select () method of jQuery.

Okay, the idea is simple, and the logic does not seem to be wrong. Let's take a look at whether the reality can be achieved.

1. Construct a form on the page and put several input boxes. The code looks like this.

The Code is as follows:

The displayed interface looks like this in Chromium:

2. Then we start to write our JavaScript code to click the text in the selected box. According to the previous ideas, the implementation should look like the following:

The Code is as follows: