JS常见事件及其对应函数

系统管理员 2022-09-21 13:27 181阅读 0赞

JS常见事件及其对应函数如下图所示：
    
    
    
    代码详例：
     <!DOCTYPE html>
    <html lang="en">
        <head>
            <meta charset="UTF-8">
            <title> Event_Page </title>
            <link rel="stylesheet" type="text/css" href="eve01.css">
        </head>
        <body οnlοad="onload_Fun(this)">
            <button οnclick="onc()"> 按钮 </button>
            <script>
                function onc(){
                    alert("on_clik_" +"event");
                }
            </script>
    
            
            <div class="div" οnmοuseοver="on_Over_Fun(this)" οnmοuseοut="on_Out_Fun(this)"></div>
            <script>
                
                function on_Out_Fun(ooj){
                    ooj.innerHTML = "Out Function";
                }
                function on_Over_Fun(ooj){
                    ooj.innerHTML = "Over Function";
                }
            </script>
    
    
            <form>
                <input type="text" οnchange="change_Fun(this)">
                <input type="text" οnselect="select_Fun(this)" οnfοcus="focus_Fun(this)">
            </form>
            <script>
                
                function change_Fun(bg){
                    alert("Change Func !");
                }
                
                function select_Fun(bg){
                    bg.style.background="red";
                }
                
                function focus_Fun(bg){
                    bg.style.background="blue";
                }
                
                function onload_Fun(bg){
                    alert("网页加载完毕！");
                }
            </script>
        </body>
    </html>