Как настроить ссылку как нормальную ссылку или обработчик 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 */ });