Event对象

1、Netscape中使用event对象
document.body[0].onclick = function(){
//这一句消除了Internet Explorer和Mozilla之间在事件参数方面的一部分差异
event = event||window.event;
alert("当前鼠标指针的横坐标是：" + event.clientX);
}

[@more@]

2、简单事件模型
document.getElementById("btn1").onclick = function(event)
{
event = event || window.event;
//在IE中,srcElement代表事件的触发者，
而Mozilla的浏览器中相应的属性是target
var target = event.srcElement || event.target;
alert(target.innerHTML);
}

IE中的fireEvent("onclick")触发onclick事件

3、屏蔽右键菜单
document.body.oncontextmenu =
function(){self.event.returnValue = false;} ;

4、事件响应的参数
document.getElementsByTagName("body")[0].οnclick=function(event)
{
event = event || window.event;
alert(event.offsetX+","+event.offsetY);
//event的offsetX、offsetY属性记录了元素被点击时鼠标距离
//元素左上角的x, y偏移量，在实现元素托拽效果的时候，这两个偏移量会很有用
}

5、在Web上屏蔽某些特殊的功能键
function keyDown(e)
{
var keycode = e.which;
if((keycode==8)||(keycode==13)||(keycode==116)||(keycode==122))
{
//阻止默认动作，支持Events2.0的浏览器有效，IE6无效
e.preventDefault();
//不过IE6可以用returnValue = false来达到阻止默认动作的效果
}
}
document.captureEvents(Event.KEYDOWN);
//由document捕获键盘被按下事件

6、标准事件模型的事件注册
document.getElementById("btn1").addEventListener("click",
function(){alert("hi")},true);

//支持Events2.0的浏览器有效，IE6.0无效

7、利用闭包注册事件处理程序
var btn1 = document.getElementById("btn1");
//为btn1添加click事件并且修正其中的this指针
btn1.addEventListener("click",,function(){
return (function(){
alert(this.tagName)}
).call(btn1);},true);
//支持Events2.0的浏览器有效，IE6.0无效

8、Internet Explorer事件模型
//为btn1元素注册onclick事件，IE专用
document.getElementById("btn1").attachEvent("onclick",
function(){alert(btn1.innerHTML);});

9、将事件句柄注册为对象方法
//为btn1注册onclick事件，IE专用
//将事件句柄注册为对象方法，就可以在函数中使用this引用
document.getElementById("btn1").attachEvent("onclick",function(){(function(){alert(this.innerHTML);}).call(btn1)});

本文来自CSDN博客，转载请标明出处：http://blog.csdn.net/ppjava2009/archive/2010/02/24/5323266.aspx

来自 “ ITPUB博客 ” ，链接：http://blog.itpub.net/23493047/viewspace-1033135/，如需转载，请注明出处，否则将追究法律责任。

转载于:http://blog.itpub.net/23493047/viewspace-1033135/