ie8兼容性问题(五) event对象、e.target和e.preventDefault

event对象

在chrome、firefox等浏览器中，event对象可从事件函数的参数中传入。ie8中须从window对象中获取

$("#btn").click(function(e) { 
var event = e | window.event; 
})

target

e.target用于获取当前元素，和this差不多。但是在ie8中，不支持e.target。可以用以下方法来解决。

$("#btn").click(function(e) { 
var event = e | window.event; 
var target= event .target || event .srcElement; //获取document 对象的引用 
})

preventDefault

e.preventDefault的作用是阻止默认行为，常用于a标记等有默认行为的元素。比如a标签点击时默认跳转链接，就可以用e.preventDefault进行阻止。

a标签的默认跳转行为还可以用下面这种方式来阻止 
<a href="javascript:void(0)">跳转到首页</a>

项目中还遇到了一个想了好久才想明白的兼容性问题，button按钮 
给button按钮添加点击事件后，点击后弹出弹框，但是按回车后还可以继续弹出弹框。这是因为，当焦点在input或button等表单元素上时，浏览器默认按下回车时触发按钮的点击事件，这时就可以用通用的方法来阻止默认行为了

$("button").click(function(e) { 
     var event = e | window.event; 
    if(e.preventDefault) { 
        event .preventDefault(); 
    }else{ 
         event .returnValue = false; 
    } 
});