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;
}
});