有没有办法在onclick属性中访问JavaScript事件？

Question

假设我需要写一个onclick处理器在属性，就像这样：

<a href='#' onclick='DoSomething(); event.stopPropagation(); return false;'> 
    ...</a> 

我知道这是不好的形式，但假设为，我必须使用属性的时刻。

不幸的是event没有定义。我试过e，那也没有定义。有什么方法可以访问属性中的事件对象，或者任何其他方式来停止事件传播？

Answer 1

你在哪里得到的事件对象取决于浏览器。一些（所有？）IE版本将它放在window.event中，但其他人都将其作为参数传递给它。所以，你最终不得不做一个愚蠢的小舞这样的：

function DoSomething(event) { 
    event = event || window.event; 
    event.stopPropagation(); 
    // Do useful work. 
    return false; 
} 

然后建立onclick这样的：

<a href="javascript:void(0)" onclick="DoSomething(event)"> 

我也切换到javascript:void(0)，所以你没有通常“#解释为页内片段”问题。

Answer 2

根据浏览器的不同，event的创建和处理方式不同。

IE在点击发生时创建全局事件对象。 FF不会创建全局对象event但将其作为第一个参数传递给该函数。

但在你的情况下，只是说return false将取消链接操作（如果这是你打算做的）。

<a href='#' onclick='DoSomething(); return false;'> ...</a> 

Answer 3

我相信你需要将它传递到函数本身，就像这样：

<a href='#' onclick='DoSomething(event); return false;'>...</a> 

function DoSomething(event){ 
    event.stopPropagation(); 
}