Как предотвратить обработку событий по умолчанию в методе 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();когда вы просто возвращаете false; он также вызывает event.preventDefault();AND 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>

Вы можете поймать событие, а затем заблокировать его с помощью preventDefault () - работает с чистым 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();
              });