如何防止onclick方法中的默認事件處理？

Question

如何防止onclick方法中的默認值？我有一個方法，其中我也通過自定義值

<a href="#" onclick="callmymethod(24)">Call</a> 

function callmymethod(myVal){ 
    //doing custom things with myVal 
    //here I want to prevent default 
} 

Answer 1

讓你的回調回報false並傳遞到onclick處理程序：

<a href="#" onclick="return callmymethod(24)">Call</a> 

function callmymethod(myVal){ 
    //doing custom things with myVal 
    //here I want to prevent default 
    return false; 
} 

---

要創建維護代碼但是，您應該放棄使用「嵌入式Javascript」（即：直接位於元素標記內的代碼）並通過包含的元素修改元素的行爲Javascript源文件（它被稱爲unobtrusive Javascript）。

的加價：

<a href="#" id="myAnchor">Call</a> 

代碼（單獨的文件）：

// Code example using Prototype JS API 
$('myAnchor').observe('click', function(event) { 
    Event.stop(event); // suppress default click behavior, cancel the event 
    /* your onclick code goes here */ 
}); 

Answer 2

嘗試

<a href="#" onclick="callmymethod(24); return false;">Call</a> 

Answer 3

在我看來，答案是錯的！當你簡單地返回false時，他要求event.preventDefault();;它也叫event.preventDefault();和event.stopPropagation();！

您可以通過此解決它：

<a href="#" onclick="callmymethod(event, 24)">Call</a> 

function callmymethod(event, myVal){ 
    //doing custom things with myVal 

    //here I want to prevent default 
    event.preventDefault(); 
} 

Answer 4

只需將 「的javascript：無效（0）」，在href標記

<a href="javascript:void(0);" onclick="callmymethod(24)">Call</a> 

Answer 5

地方的 「＃」 給一個class和id到元素並使用jquery函數unbind（）;

$(".slide_prevent").click(function(){ 
       $(".slide_prevent").unbind(); 
       }); 

Answer 6

您可以捕獲該事件，然後用preventDefault（）方法阻止它 - 工程與純JavaScript

document.getElementById("xyz").addEventListener('click', function(event){ 
    event.preventDefault(); 
    console.log(this.getAttribute("href")); 
    /* Do some other things*/ 
}); 

Answer 7

這爲我工作

<a href="javascript:;" onclick="callmymethod(24); return false;">Call</a> 

Answer 8

您可以使用：

event.stopPropagation();

https://dom.spec.whatwg.org/#dom-event-stoppropagation