JavaScript 事件绑定方法

1、

onchange:用户改变域的内容

<script>

function a(){

console.log(212);

}

</script>

<select οnchange="a()">
                    <option>--请选择--</option>
                    <option>一年级</option>
                    <option>二年级</option>
                    <option>三年级</option>
            
            
        </select>

onkeydown:某个键盘的键被按下、被松开时触发

<input οnkeydοwn="a()"/>

onload:某个页面或图像被完成“加载”、用户退出页面

<body οnlοad="time()">

<script>
            function time(){
                var date=new Date();
                var year=date.getFullYear();
                var month=date.getMonth()+1;
                month= month<10?"0"+month:month;
                var day=date.getDate();
                day= day<10?"0"+day:day;
                var week="日一二三四五六".charAt(date.getDay());
                var hour=date.getHours();
                hour= hour<10?"0"+hour:hour;
                var minute=date.getMinutes();
                minute= minute<10?"0"+minute:minute;
                var second=date.getSeconds();
                second= second<10?"0"+second:second;
                var current=year+"-"+month+"-"+day+"-"+""+"星期"+week+":"+hour+":"+minute+":"+second;
                console.log(current);
                document.getElementById("time").innerHTML=current;
            }
            time();
            setInterval("time()",1000);
            function a(){
                console.log(2222);
            }


        </script>

<span id="time"></span>

</body>

onsubmit:提交按钮、重置按钮被点击   只应用于form标签

只能用于form表单

onsubmit 必须加return

type必须是submit

<form action="http://www.baidu.com" οnsubmit="return check()">
            <input type="submit" value="anniu"/>
        </form>

2

<input type="button" class="button"/>
        <script>
            document.getElementsByClassName("button").οnclick=function(){
                console.log(3838383);
            }
            document.οnkeydοwn=function(event){
                console.log(event.keyCode);
            }
        </script>

3

<input type="button" class="button"/>
        <script>
         document.getElementsByClassName("button").addEventListener("click",function(){
                console.log(3838383);
            })
            
        </script>

发布了44 篇原创文章 · 获赞 5 · 访问量 4013

猜你喜欢

转载自blog.csdn.net/wangdada___/article/details/102669420