jquery - 如何将链接配置为普通链接或 onclick 处理程序？

Question

我想为用户提供将链接配置为普通链接或 onclick 事件的选项。在 onclick 事件的情况下，应禁用默认行为。目前我有这个链接：

  <a target="_blank" class="arrow" href="javascript:void();" onclick="f(\"value",\"value\");return false;"> 

这对于 onclick 事件非常有用。但是当我只需要href时，链接应该如何查看？

这个？：

<a target="_blank" class="arrow" href="http://www.xy.com" onclick="return false;">

或者最好完全删除onclick属性？或者这样更好：

 <a target="_blank" class="arrow" href="http://www.xy.com" onclick="javascript:void();">

Answer 1

不要使用onclick。附加一个点击处理程序，其中一个布尔标志取决于用户的选择。

$('#yourLink').on('click', function(){
    //this value depends on the user's choice.
    var doesUserWantHref = true;

    if (doesUserWantHref) {
        //do nothing
        return true;
    } else {
        //you js logic goes here
        return false;
    }
});

Answer 2

您也可以在页面加载后通过执行以下操作来执行此操作...

// for just the href
$("#yourLink").attr("href", "http://yourlink.com/").on("click", function() { });

或者

// for just the onclick
$("#yourLink").attr("href", "javascript: void()").on("click", function() { /* useful work */ });