JavaScript onselect 事件
文本框中的文本被选中时会触发 onselect 事件。
支持该事件的 HTML 标签
<input type="text">, <textarea>
支持该事件的 JavaScript 对象
window
onselect 实例
下面的例子演示了当用户试图选择单行/多行文本框中的内容时,会弹出一个信息提示框:
<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 事件来处理。
本章节内容共分 22 部分:
- JavaScript 事件
- JavaScript onclick 事件:鼠标点击页面某个对象
- JavaScript ondblclick 事件:鼠标双击页面某个对象
- JavaScript onmousedown 事件:鼠标任何一个按键被按下
- JavaScript onmouseup 事件:鼠标任何一个按键被松开
- JavaScript onmouseover 事件与 onmouseout 事件:鼠标指针移动到对象上或离开对象
- JavaScript onkeydown 事件:键盘上某个按键被按下
- JavaScript onkeypress 事件:按下或按住一个键盘按键
- JavaScript onkeyup 事件:键盘按键被松开
- JavaScript onblur 事件:页面元素失去焦点
- JavaScript onfocus 事件:页面元素获得焦点
- JavaScript onchange 事件:表单文本域或选择域发生改变
- JavaScript onsubmit 事件:表单被提交
- JavaScript onreset 事件:表单被重置
- JavaScript onload 事件:页面或图像加载完成后
- JavaScript onunload 事件:关闭页面或页面被改变为其他页面
- JavaScript onerror 事件:加载页面或图像时发生错误
- JavaScript onresize 事件:当浏览器窗口或 HTML 对象改变大小
- JavaScript onscroll 事件:滚动条发生滚动及利用 onscroll 来实现 返回顶部 效果
- JavaScript onselect 事件:文本框中的文本被选中
- JavaScript oncopy 事件:文本被复制及利用 oncopy 实现拷贝内容时增加版权信息
- JavaScript oncut 事件与 onpaste 事件:文本域文本被剪切或粘贴(禁止粘贴实例)