JQuery binds events to dynamically created elements.

 

Before entering the topic, let's take a look at the features frequently used on the foreground page: 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.

<Form action = "/" method = "post">
<Table>
<Tr>
<Td> Name: </td>
<Td>
<Input type = "text" name = "name" value = ""/>
</Td>
</Tr>
<Tr>
<Td> Age: </td>
<Td>
<Input type = "number" name = "age" value = ""/>
</Td>
</Tr>
<Tr>
<Td> Tel.: </td>
<Td>
<Input type = "tel" name = "tel" value = ""/>
</Td>
</Tr>
<Tr>
<Td> Email: </td>
<Td>
<Input type = "email" name = "email" value = ""/>
</Td>
</Tr>
<Tr>
<Td> Birth: </td>
<Td>
<Input type = "datetime" name = "birthday" value = ""/>
</Td>
</Tr>
</Table>
</Form>