我的onclick链接上有一个属性:
onclick
<a href="#" onclick="myFunc(1,2,3)">click</a>
指向JavaScript中的此事件处理程序:
function myFunc(p1,p2,p3) { //need to refer to the current event object: alert(evt.type); }
由于事件对象“ evt”没有传递给参数,是否仍然可以获得该对象?
我试过window.event和$(window.event),但两者都是undefined。
window.event
$(window.event)
undefined
任何的想法?
由于未从参数传递事件对象“ evt”,是否仍然可以获得该对象?
不,不可靠。IE和其他一些浏览器以window.event(not $(window.event))的形式提供它,但这是非标准的,并非所有浏览器都支持(众所周知,Firefox不支持)。
您最好将事件对象传递给函数:
<a href="#" onclick="myFunc(event, 1,2,3)">click</a>
即使在非IE浏览器上也可以使用,因为它们在具有event变量的上下文中执行代码(并在IE上使用,因为event解析为window.event)。我已经在IE6 +,Firefox,Chrome,Safari和Opera中进行了尝试。示例:http://jsbin.com/iwifu4
event
但是 最好的 选择是使用现代事件处理:
HTML:
<a href="#">click</a>
使用jQuery的JavaScript(因为您使用的是jQuery):
$("selector_for_the_anchor").click(function(event) { // Call `myFunc` myFunc(1, 2, 3); // Use `event` here at the event handler level, for instance event.stopPropagation(); });
…或者如果您真的想传递event给myFunc:
myFunc
$("selector_for_the_anchor").click(function(event) { myFunc(event, 1, 2, 3); });
选择器可以是标识锚点的任何内容。您可以选择非常丰富的设置(几乎所有CSS3,再加上一些)。您可以在锚点上添加id或class,但同样,您还有其他选择。如果您可以使用它在文档中的位置,而不是添加人工的东西,那就太好了。
id
class