如何将链接配置为普通链接或点击处理程序

Question

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

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

这非常适合点击事件。但是，当我只需要 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 */ });