6-7 内容选中事件(onselect)
本节编程练习不计算学习进度,请电脑登录imooc.com操作

内容选中事件(onselect)

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

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

运行结果:

任务

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

  1. <!DOCTYPE HTML>
  2. <html>
  3. <head>
  4. <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  5. <title> 内容选中事件 </title>
  6. <script type="text/javascript">
  7. function message(){
  8. alert("您触发了选中事件!"); }
  9. </script>
  10. </head>
  11. <body>
  12. <form>
  13. 个人简介:<br>
  14. <textarea name="summary" cols="60" rows="5">请写入个人简介,不少于200字!</textarea>
  15. </form>
  16. </body>
  17. </html>
下一节