অনক্লিক পদ্ধতিতে ডিফল্ট ইভেন্ট হ্যান্ডলিং কীভাবে প্রতিরোধ করবেন?

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

Href ট্যাগে "#" এর জায়গায় কেবল "জাভাস্ক্রিপ্ট: অকার্যকর (0)" রাখুন

<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

এটি করার আরেকটি উপায় হ'ল eventবৈশিষ্ট্যের ভিতরে থাকা অবজেক্টটি ব্যবহার করা onclick(ইভেন্টটি পাস করার জন্য ফাংশনে অতিরিক্ত যুক্তি যুক্ত করার প্রয়োজন ছাড়াই)

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

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

স্নিপেট প্রসারিত করুন

Question 10

সমস্ত এইচটিএমএল পৃষ্ঠাগুলিতে ফাংশন ব্যবহারের পরিবর্তন করা খুব ক্লান্তিকর হবে 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;
}

এটি সঠিকভাবে আই 6, আই 1111 এবং সর্বশেষ href="#"ক্রোমটি অনক্লিক ইভেন্ট হ্যান্ডলার সম্পূর্ণ হওয়ার পরে পরিদর্শন করা থেকে বাধা দেয় ।

ক্রেডিট:

Question 11

আপনার দরকার হলে তা ট্যাগ এ দিন। সেরা সমাধান নয়, তবে এটি কার্যকর হবে।

নিশ্চিত হয়ে নিন যে আপনি অন্লিক ইভেন্টটি href এর সামনে রেখেছেন। আমার পক্ষে কেবল এইভাবেই কাজ করেছে।

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

Question 12

উপাদানটিকে একটি শ্রেণি বা আইডি দিন এবং jquery ফাংশন আনবাইন্ড () ব্যবহার করুন;

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