Як запобігти обробці подій за замовчуванням у методі onclick?

Як запобігти замовчуванню в методі onclick? У мене є метод, при якому я також передаю власне значення

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

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

Нехай ваш зворотний дзвінок повернеться 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 (він називається ненав’язливим 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 */
});

На мій погляд відповідь неправильна! Він просив, 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();
}

Спробуйте це (але, будь ласка, використовуйте кнопки для таких випадків, якщо у вас немає дійсного hrefзначення для витонченої деградації )

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

Ви можете зловити подію, а потім заблокувати її за допомогою prevenDefault () - працює з чистим Javascript

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

Просто помістіть "javascript: void (0)", замість "#" у тег href

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

Це спрацювало для мене

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

Ви можете використовувати:

event.stopPropagation();

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

Було б занадто нудно змінювати звички функцій на всіх HTML-сторінках 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 та останню версію Chrome href="#" після завершення подій onclick.

Кредити:

• Як дізнатись функцію абонента в JavaScript?
• Функція event.preventDefault () не працює в IE

Якщо вам потрібно помістити це в тег. Не найкраще рішення, але воно буде працювати.

Обов’язково поставте подію onclick перед href. Тільки працював у мене таким чином.

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

Інший спосіб зробити це - використовувати eventоб’єкт всередині атрибута onclick(без необхідності додавати додатковий аргумент до функції для передачі події)

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

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

Надайте елементу клас або ідентифікатор і використовуйте функцію jquery unbind ();

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