一、注册事件的方式
1.1 直接在html元素上注册
方式一.直接在html元素上注册。
当body的元素全部加载完毕在执行show()。
<body onload="show()">
<input type="button" onclick="op()" value="打开定时" />
<input type="button" onclick="op()" value="取消定时" />
</body>
1.2 可以使用js代码先找到对应的对象在注册
方式二.可以使用js代码先找到对应的对象在注册。
var m=document.getElementById("b1")
m.onclick=function(){
}
二、常用的事件
鼠标点击相关
onclick 左键单机对象时触发
ondblclick 双击对象时触发
onmousedown 左键或右键单机对象时触发
onmouseup 鼠标移过时触发
鼠标移动相关
onmousemove 鼠标移出时触发
onmouseout 鼠标移入时触发
焦点相关
onblur 对象失去焦点时触发
onfocus 对象获取焦点时触发
其他:
onchange 对象或选中去的内容发生改变时
onload 浏览器完成该对象的装在后触发
onsubmit 表单提交时触发
>>>>>> 鼠标移入时显示时间,移出时鼠标隐藏
<script type="text/javascript">
function timeHide(){
var b=document.getElementById("box");
b.innerHTML="";
}
function timeShow(){
var b=document.getElementById("box");
b.innerHTML=new Date().toString().fontcolor("red");
}
</script>
<style type="text/css">
#box{
width:200px;
height:200px;
background: pink;
}
</style>
</head>
<body >
<div id="box" onmousemove="timeHide()" onmouseout="timeShow()"></div>
</body>