jQuery - 如何使用e.preventDefault(); 在JavaScript函数中

Question

我有这个JavaScript函数:

function putVote(trackid, vote) {
}

我把这个功能称为:

<a href="#" onClick="putVote('data1', 'data2')">Link</a>

我想用e.preventDefault();的putVote(),但我想我错了,在某些方面.我该怎么做？

干杯

Answer 1

最简单的方法是return false 从处理程序中的函数(return false只有在putVote处理程序有的情况下才能工作return putVote('data1', 'data2)).

但正如Pointy所说,一种更好的技术是从JavaScript附加事件处理程序,最容易通过使用jQuery或Prototype等库/框架来实现.

Answer 2

最简单的方法:

<a href="#" onClick="putVote('data1', 'data2'); return false;">Link</a>

Answer 3

如果你正在使用jQuery.

JS:

$("#link").click(function(evt) {
    evt.preventDefault();
    putVote('data1', 'data2');
});

HTML:

<a href="#" id="link">Link</a>

如果您使用的是最新版本的jQuery和HTML5 doctype.

JS:

$("#link").click(function(evt) {
    evt.preventDefault();
    var $self = $(this);
    putVote($self.data("one"), $self.data("two"));
});

HTML:

<a href="#" id="link" data-one="data1" data-two="data2">Link</a>