JS事件内容选中事件（onselect）选中事件，当文本框或者文本域中的文字被选中时，触发onselect事件，同时调用的程序就会被执行。

四哥-云上

于 2016-06-14 10:31:19 发布

阅读量4k

点赞数

CC 4.0 BY-SA版权

分类专栏： JavaScript进阶篇文章标签： web前端 javascript

本文链接：https://blog.youkuaiyun.com/yongbin668/article/details/51669331

JavaScript进阶篇专栏收录该内容

91 篇文章

订阅专栏

本文介绍了HTML中的onselect事件，该事件在文本框或文本域的文字被选中时触发，并展示了如何通过简单的JavaScript函数实现这一功能。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

内容选中事件（onselect）

选中事件，当文本框或者文本域中的文字被选中时，触发onselect事件，同时调用的程序就会被执行。

如下代码,当选中用户文本框内的文字时，触发onselect 事件，并调用函数message()。

运行结果：

任务

补充右边编辑器第13行，当选中个人简介文本框中文字时，触发onselect事件，并弹出对话框。

<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title> 内容选中事件 </title>
<script type="text/javascript">
  function message(){
    alert("您触发了选中事件！"); }
</script>    
</head>
<body>
  <form>
  个人简介：<br>
   <textarea name="summary" cols="60" rows="5" onselect="message()">请写入个人简介，不少于200字！</textarea>
  </form>
</body>