zoukankan      html  css  js  c++  java
  • Event对象的事件句柄

    <html>
    
    <!--
    
        onresize 事件会在窗口或框架被调整大小时发生
    -->
    
    <!--onresize="alert('窗口的大小得到变化就会执行我')"-->
    <body onunload="alert('The onunload event was triggered')">
    
    <form id="myform">
    <input type="text" id="myinput" value="嘻嘻哈哈">
    
    <button id="button1" name='mybutton' accessKey="a">
    Click Me!</button>
    
    <!--
    
        onabort 事件会在图像加载被中断时发生
        <img src="./0387.jpg" onabort="abortImage()" />
    
    -->
    
    <!--
    
        onblur 事件会在对象失去焦点时发生
    -->
    
    <input type="button" onblur="onblur2()" value="aa">
    
    <!--
    
        onchange 事件会在域的内容改变时发生
    -->
    <select onchange="onchange1()">
    
        <option value="0">1</option>
        <option value="1">2</option>
    
        <option value="2">3</option>
    </select>
    
    <!--
    
        onclick 事件会在对象被点击时发生
    -->
    
    <a onclick="onclick1()">点击事件</a>
    
    <!--
    
        ondblclick 事件会在对象被双击时发生
    -->
    
    <a ondblclick="ondblclick1()">双点击事件</a>
    
    <!--
    
        onerror 事件会在文档或图像加载过程中发生错误时被触发。
        在装载文档或图像的过程中如果发生了错误,就会调用该事件句柄。
    
    -->
    <img src="01.png" onerror="alert('这个图片不存在');">
    
    <!--
    
        onfocus 事件在对象获得焦点时发生。
    -->
    
    姓名:<input onfocus="onfocus1()" onblur="onblur1()" id="" >
    
    <!--
    
        onkeydown 事件会在用户按下一个键盘按键时发生
    -->
    
    <input type="text" onkeydown="onkeydown1();" />
    
    <!--
    
        onkeypress 事件会在键盘按键被按下并释放一个键时发生。
    -->
    
    <input type="text" onkeypress="onkeypress1()" />
    
    <!--
    
        onkeyup 事件会在键盘按键被松开时发生。
    -->
    
    <input type="text" onkeyup="onkeyup1()" />
    
    <!--
    
        onmousedown 事件会在鼠标按键被按下时发生。
    -->
    
    <img src="01.png" onmousedown="onmousedown1();">
    
    <!--
    
        onmousemove 事件会在鼠标指针移动时发生。
    -->
    
    <img src="01.png" onmousemove="alert('您的鼠标刚才经过了图片!')">
    
    <!--
    
        onmouseout 事件会在鼠标指针移出指定的对象时发生。
    -->
    
    <img src="01.png" onmouseout="alert('您的鼠标刚才离开了图片!')">
    
    <!--
    
        onmouseover 时间会在鼠标指针移动到指定的对象上时发生。
    -->
    
    <img src="01.png" onmouseover="alert('您的鼠标在图片上!')">
    
    <!--
    
        onmouseup 事件会在鼠标按键被松开时发生。
    -->
    
    <img src="01.png" onmouseup="alert('按下鼠标松开会执行我')">
    
    </form>
    
    <!--
    
        onreset 事件会在表单中的重置按钮被点击时发生
        onsubmit 事件会在表单中的确认按钮被点击时发生
    
    -->
    <form onreset="alert('重置就会触发我哦')" onsubmit="alert('点击提交按钮时会执行我')">
        
    <!--
    
        onselect 事件会在文本框中的文本被选中时发生
    -->
    
        <input type="text" value="在线词典、英语口语、英语学习资料、汉语词典,金山词霸下载等服务,致力于为您提供优质权威的在线英语服务," onselect="alert('选中文字的时候会执行我')">
        <input type="submit" value="提交">
    
        <input type="reset" value="重置">
    </form>
    
    <script type="text/javascript">
    
        /*
    
        //Button 对象的属性
        //accessKey 属性可设置或返回访问一个按钮的键盘按键。
    
        x=document.        ('button1');
        document.write(x.accessKey);
    
        
        //disabled 属性可设置或返回是否禁用按钮。
    
        document.getElementById('button1').disabled = true;        //按钮不可点
        document.getElementById('button1').disabled = false;    //按钮可点
    
        //form 属性可返回对包含该按钮的表单的引用。
    
        //如果包含该按钮,则返回一个 form 对象,如果未包含该按钮,则返回 null。
        var x = document.getElementById('button1');
    
        document.write(x.form.id);            //myform
    
    
        //id 属性可设置或返回按钮的 id。
    
        var x = document.getElementById("button1");
        document.write(x.id);                //button1
    
    
        //name 属性可设置或返回按钮的名称。
    
        var x = document.getElementById("button1");
        document.write(x.name);                //mybutton
    
              
        //type 属性可返回表单元素的类型。对于一个 Buttom 对象,则永远是 "button" 类型。
    
        var x = document.getElementById("myinput");
        document.write(x.type);                //text
        
    
        //value 属性设置或返回显示在按钮上的文本。
    
        var x = document.getElementById("myinput");
        document.write(x.value);            //嘻嘻哈哈
    
    
        //Event 对象
    
        //Event 对象的事件句柄
        //onabort 事件会在图像加载被中断时发生。
    
        //当用户在图像完成载入之前放弃图像的装载(如单击了 stop 按钮)时,就会调用该句柄。
        function abortImage()
    
        {
    
            alert('Error: Loading of the image was aborted')
        }
    
    
        //onblur 事件会在对象失去焦点时发生。
    
        function onblur1(){
            document.write('123');
    
        }
       
        //onchange 事件会在域的内容改变时发生。
    
        function onchange1(){
    
            document.write('123');
        }
        
        //onclick 事件会在对象被点击时发生
    
        function onclick1(){
            alert('到我出场了');
    
        }
       
        //ondblclick 事件会在对象被双击时发生
    
        function ondblclick1(){
            alert('点击两次我才出现');
    
        }
    
       
        //onfocus 事件在对象获得焦点时发生。
    
        function onfocus1(){
    
            alert('获取焦点我才出现');
        }
    
        //onkeydown 事件会在用户按下一个键盘按键时发生
    
        function onkeydown1(){
    
            alert('小妞,按键盘了吧~');
        }
    
        //onkeypress 事件会在键盘按键被按下并释放一个键时发生。
    
        function onkeypress1(){
            alert('按下键盘抬起后我才触发哦');
    
        }
    
        //onkeyup 事件会在键盘按键被松开时发生。
    
        function onkeyup1(){
            alert('按键被松开会执行我');
    
        }
    
        //onload 事件会在页面或图像加载完成后立即发生。
    
        onload = function (){
    
            alert('123');
        }
    
    */
        //onmousedown 事件会在鼠标按键被按下时发生。
    
        function onmousedown1(){
            alert('按下鼠标我就会出现哦');
    
        }
    
    </script>
    
    </body>
    </html>



  • 相关阅读:
    Java VS .NET:Java与.NET的特点对比
    .NET Core 快速入门教程
    System.Net.Mail.SmtpClient通过SSL/TLS协议发送邮件失败问题解决
    在CentOS 7上安装&配置PostgreSQL 12
    如何在团队中做好Code Review
    SonarQube部署及代码质量扫描入门教程
    Kafka集群部署指南
    ASP.NET Core 入门教程 10、ASP.NET Core 日志记录(NLog)入门
    ASP.NET Core 入门教程 9、ASP.NET Core 中间件(Middleware)入门
    ASP.NET Core 入门教程 8、ASP.NET Core + Entity Framework Core 数据访问入门
  • 原文地址:https://www.cnblogs.com/jiangu66/p/3225842.html
Copyright © 2011-2022 走看看