码迷,mamicode.com
首页 > 其他好文 > 详细

事件大全

时间:2015-06-23 19:34:18      阅读:168      评论:0      收藏:0      [点我收藏+]

标签:

内容选中事件(onselect)

文本框内容改变事件(onchange)

<!DOCTYPE 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" onchange="message()">请写入个人简介,不少于200字!</textarea>
</form>
</body>
</html>

ps: 在APP 上  改变input内容 的 一个事件监听是  oninput();

 

加载事件(onload)

事件会在页面加载完成后,立即发生,同时执行被调用的程序。
注意:1. 加载页面时,触发onload事件,事件写在<body>标签内。

      2. 此节的加载页面,可理解为打开一个新页面时。
如下代码,当加载一个新页面时,弹出对话框“加载中,请稍等…”。

卸载事件(onunload)

当用户退出页面时(页面关闭、页面刷新等),触发onUnload事件,同时执行被调用的程序。

注意:不同浏览器对onunload事件支持不同。

如下代码,当退出页面时,弹出对话框“您确定离开该网页吗?”。

<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title> 卸载事件 </title>
<script type="text/javascript">   
     window.onunload = onunload_message;   
     function onunload_message(){   
        alert("您确定离开该网页吗?");   
    }   
</script>   
</head>
<body>
  欢迎学习JavaScript。
</body>
</html>

 

 

事件大全

标签:

原文地址:http://www.cnblogs.com/yjhua/p/4595912.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!