js_事件触发--even对象 

<!DOCTYPE html>
<html lang="en">
<head>
    <title>Title</title>
    <meta charset="UTF-8">
<!--&lt;!&ndash;    <script src="js_file01.js"></script>&ndash;&gt;                               尽量放后body前边-->

</head>
<body>


　　

    <P ondblclick="alert('不用双击')">hello</P>
    <input class="input_list" type="text" value="请输入报关单" onfocus="func1()" onblur="func2()">
                                                                               <!--      //    onfocus  onblur-失去焦点    -->
    <select onchange="func3()">                                                          //    onchange 
        <option>北京</option>
        <option>上海</option>
        <option>广州</option>
    </select>

　　<input type="button" value="press" onkeydown="func4(event)" onkeyup="func5(event)">    //   onkeydown   onkeyup   可获取按键编码


<script>

    function func1(){
        // console.log(11);
        var input_list=document.getElementsByClassName("input_list")[0];
        input_list.value="";
    }

    function func2() {
        // console.log(22);
        var input_list=document.getElementsByClassName("input_list")[0];

        if (input_list.value.trim().length==0){                                                 // trim() 去掉空格
            input_list.value="请输入报关单";
        }
    }

    function func3() {
        alert(123);
    }

　　function func4(e) {
    console.log(e.keyCode);
}

　　function func5(e) {
    console.log(e.keyCode);
}


</script>

</body>
</html>
posted @ 2020-08-15 15:45  zxy_ang  阅读(452)  评论(0)    收藏  举报