本文深入探讨了JavaScript中各种事件的处理方式，包括用户输入、页面加载、表单提交等关键事件的响应机制。通过实例展示了如何使用onchange、onkeydown、onload、onsubmit等事件属性，以及addEventListener方法来实现交互功能。
1、
onchange：用户改变域的内容
<script>
function a(){
console.log(212);
}
</script>
<select onchange="a()">
<option>--请选择--</option>
<option>一年级</option>
<option>二年级</option>
<option>三年级</option>
</select>
onkeydown:某个键盘的键被按下、被松开时触发
<input onkeydown="a()"/>
onload:某个页面或图像被完成“加载”、用户退出页面
<body onload="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" onsubmit="return check()">
<input type="submit" value="anniu"/>
</form>
2
<input type="button" class="button"/>
<script>
document.getElementsByClassName("button").onclick=function(){
console.log(3838383);
}
document.onkeydown=function(event){
console.log(event.keyCode);
}
</script>
3
<input type="button" class="button"/>
<script>
document.getElementsByClassName("button").addEventListener("click",function(){
console.log(3838383);
})
</script>
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
