• 事件大全


    内容选中事件(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>

     

  • 相关阅读:
    分页
    uuid算法
    mysql卸载安装
    安装和破解收费版idea
    css样式一开始不显示,点击显示隐藏
    各种技术网址
    vue加载高德地图,加标记点,点出文本框
    Security Traps 玩耍剧透(持续更新)
    最近做的一个小玩意踩的坑
    最近刷题的一个总结
  • 原文地址:https://www.cnblogs.com/yjhua/p/4595912.html
Copyright © 2020-2023  润新知