下面的例子演示了当用户试图选择单行/多行文本框中的内容时,会弹出一个信息提示框:
<html> <body> <form> 单行文本:<input type="text" value="Hello world!" onselect="alert('文本已被选中!')" /> <br /><br /> 多行文本:<textarea cols="20" rows="5" onselect="alert('文本已被选中!')">Hello world!</textarea> </form> </body> </html>
您可以在下面试试本例子效果:
如上例所示,在 IE 浏览器中,当我们用鼠标滑动去选择文本框中的字符串是,只要有一个字符被选中即触发 onselect 事件而不是全部选中并松开鼠标后触发。
如果要达到全部选中并松开鼠标后才触发 onselect 事件的效果,可以仿照 onresize 事件中的例子,利用 setTimeout() 方法延时触发 onselect 事件,或者同时结合 onkeyup 事件来处理。