当前位置:Gxlcms > JavaScript > jQuery绑定事件到动态创建的元素上的方法实例_jquery

jQuery绑定事件到动态创建的元素上的方法实例_jquery

时间:2021-07-01 10:21:17 帮助过:25人阅读

在进入主题之前,我们先来看一个前台页面经常用到的功能:点击页面输入框时自动选择其中文本。

很容易想到利用输入框的focus事件,当输入框获得焦点时,再调用jQuery的select()方法。

Okay,想法很简单,逻辑似乎也无错。具体我们来看一下现实到底能不能实现。

1.页面构造个表单,放上几个输入框。代码看起来是这样子的。

代码如下:



出来的界面在Chromium里差不多是这个样子的:

2.然后开始写我们的JavaScript代码来实现单击选中框内的文本,根据之前的想法,实现起来差不多应该是下面这个样子:

代码如下: