Как предотвратить обработку событий по умолчанию в методе 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 (он называется ненавязчивый 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

На мой взгляд, ответ неверный!Он спросил event.preventDefault();, когда вы просто вернете false;он также вызывает 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();
}

Answer 4

Вы можете перехватить событие и затем заблокировать его с помощью protectDefault () - работает с чистым Javascript

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

Answer 5

Это сработало для меня

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

Answer 6

Просто поместите «javascript: void (0)» вместо «#» в теге href

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

Answer 7

Вы можете использовать:

event.stopPropagation();

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

Answer 8

Было бы слишком утомительно изменять использование функций на всех 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

Answer 9

Присвойте класс или идентификатор элементу и используйте функцию jquery unbind ();

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