javascript的常用事件

	事件	说明
鼠标键盘事件	onclick 扫描二维码关注公众号，回复： 964776 查看本文章	鼠标单击时触发此事件
	ondblclick	鼠标双击时触发此事件
	onmousedown	按下鼠标时触发此事件
	onmouseup	鼠标按下后松开鼠标时触发事件
	onmouseover	当鼠标移动到某对象范围的上方时触发此事件
	onmousemove	鼠标移动时触发此事件
	onmouseout	当鼠标离开某对象范围的上方时触发此事件
	onkeypress	当键盘上的某个键被按下并且释放时触发此事件
	onkeydown	当键盘上某个按键被按下时触发此事件
	onkeyup	当键盘上某个按键被按下后松开时触发此事件
表单相关事件	onfocus	当某个元素获得焦点时触发此事件
	onblur	当前元素失去焦点时触发此事件
	onchange	当前元素失去焦点并且元素的内容发生改变时触发此事件
	onsubmit	一个表单被提交时触发此事件
	onreset	当前表中的RESET的属性被激活时触发此事件
页面相关事件	onload	页面内容完成时触发此事件(也就是页面加载事件)
	onunload	当前页面被改变时触发此事件
	onresize	当浏览器的窗口大小被改变时触发此事件

事件处理器的命名原则是：在事件名称前加上on。

</form>

form1.save.onclick=function(){//绑定单击事件

alert("单击了保存按钮");

}

</script>

javascript中指定事件处理程序时，事件名称必须小写，才能正确相应事件。

事件对象

在IE浏览器中事件对象是Window对象的一个属性event,并且event对象只能在事件发生时被访问，

当所有的事件处理完后，该对象就消失了。而标准的DOM中规定event必须作为唯一的参数传给事件处理函数。

因此为了实现兼容性，通常采用下面的方法：

function someHandle(event)

{//处理兼容性，获取事件对象

if(window.event)

event=window.event;

}

在IE浏览器中，发生事件的元素通过event对象的srcElement属性获取，而在标准的DOM浏览器中，发生事件的元素通过event对象的target属性获取。为了处理两种浏览器兼容性，举例代码如下：

</form>

function handle(oEvent)

{

if(window.event)oEvent=window.event;//处理兼容性，获取事件对象

var oTarget;

if(oEvent.srcElement)//处理兼容性，获取发生事件的元素

oTarget=oEvent.srcElement;

else

oTarget=oEvent.target;

alert(oTarget.tagName);//弹出发生事件的元素标记名称

}

form1.save.onclick=handle;//为按钮绑定单击事件

</script>

上面示例中使用了event对象的srcElement属性或target属性，在事件发生时获取鼠标单击对象的名称，便于对该对象进行操作

--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------

javascript的常用事件

猜你喜欢