ऑनक्लिक विधि में डिफ़ॉल्ट ईवेंट हैंडलिंग को कैसे रोकें?

Question 1

ऑनक्लिक विधि में डिफ़ॉल्ट को कैसे रोकें? मेरे पास एक विधि है जिसमें मैं एक कस्टम मूल्य भी पास कर रहा हूं

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

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

Question 2

अपने कॉलबैक को वापस आने दें 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;
}

बनाए रखने योग्य कोड बनाने के लिए, हालांकि, आपको "इनलाइन जावास्क्रिप्ट" का उपयोग करने से रोकना चाहिए (यानी: कोड जो सीधे एक तत्व के टैग के भीतर है) और एक शामिल जावास्क्रिप्ट स्रोत फ़ाइल (इसे विनीत जावास्क्रिप्ट कहा जाता है ) के माध्यम से एक तत्व के व्यवहार को संशोधित करता है ।

मार्क-अप:

<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 */
});

Question 3

मेरी राय में उत्तर गलत है! उसने पूछा कि event.preventDefault();जब तुम झूठे लौटते हो; यह कहता है event.preventDefault();औरevent.stopPropagation(); साथ ही साथ!

आप इसे इसके द्वारा हल कर सकते हैं:

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

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

    //here I want to prevent default
    e = e || window.event;
    e.preventDefault();
}

Question 4

इसे आज़माएं (लेकिन कृपया ऐसे मामलों के लिए बटन का उपयोग करें यदि आपके पास सुशोभित गिरावट केhref लिए वैध मूल्य नहीं है )

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

Question 5

आप ईवेंट को पकड़ सकते हैं और फिर इसे रोक सकते हैं निवारण () के साथ - शुद्ध जावास्क्रिप्ट के साथ काम करता है

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

Question 6

बस "javascript: void (0)" को href टैग में "#" के स्थान पर रखें

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

Question 7

इसने मेरे लिए काम किया

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

Question 8

आप उपयोग कर सकते हैं:

event.stopPropagation();

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

Question 9

यह सभी html पृष्ठों में फ़ंक्शन usages को बदलने के लिए बहुत थकाऊ होगा return false ।

तो यहां एक परीक्षण समाधान है जो केवल फ़ंक्शन को ही पैच करता है:

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

    // cancel default event action
    var event = window.event || callmymethod.caller.arguments[0];
    event.preventDefault ? event.preventDefault() : (event.returnValue = false);

    return false;
}

यह सही ढंग से IE6, IE11 और नवीनतम क्रोम को आने से रोकता है href="#" ऑनक्लिक ईवेंट हैंडलर के पूरा होने के बाद जाने ।

क्रेडिट:

Question 10

अगर आपको इसे टैग में लगाना है। सबसे अच्छा समाधान नहीं है, लेकिन यह काम करेगा।

सुनिश्चित करें कि आपने ऑनकिक ईवेंट को href के सामने रखा है। केवल इस तरह से मेरे लिए काम किया।

<a onclick="return false;" href="//www.google.de">Google</a>

Question 11

ऐसा करने का एक और तरीका है कि eventविशेषता के अंदर की वस्तु का उपयोग करना onclick(घटना को पारित करने के लिए फ़ंक्शन में एक अतिरिक्त तर्क जोड़ने की आवश्यकता के बिना)

function callmymethod(myVal){
    console.log(myVal);
}

<a href="#link" onclick="event.preventDefault();callmymethod(24)">Call</a>

स्निपेट का विस्तार करें

Question 12

तत्व को एक कक्षा या आईडी दें और jquery फ़ंक्शन अनबिंड () का उपयोग करें;

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