暂无 |

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 事件来处理。

0

java教程
php教程
php+mysql教程
ThinkPHP教程
MySQL
C语言
css
javascript
Django教程

发表评论

    评价:
    验证码: 点击我更换图片
    最新评论