Получите доступ к событию, чтобы вызвать предотвращение ошибки из пользовательской функции, происходящей из атрибута onclick тега

Question

У меня есть такие ссылки:

<a href="#" onclick="myfunc({a:1, b:'hi'})" />click</a>
<a href="#" onclick="myfunc({a:3, b:'jo'})" />click</a>

, и я хотел бы сделать preventDefault() внутри myfunc, потому что # будет добавлено в адресную строку при нажатии на ссылку (безделать return false; или href='javascript:void(0);')

это возможно?я могу получить событие внутри myfunc

Answer 1

Я полагаю, что вы можете передать event во встроенную функцию, которая будет event объектом для возбужденного события в браузерах, совместимых с W3C (т. Е. Более старые версии IE по-прежнему будут требовать обнаружения внутри вашей функции-обработчика событий для просмотрав window.event).

Быстрый пример .

function sayHi(e) {
   e.preventDefault();
   alert("hi");
}

<a href="http://google.co.uk" onclick="sayHi(event);">Click to say Hi</a>

1. Запустите его как есть и обратите внимание, что ссылка не перенаправляет в Google после предупреждения.
2. Затем измените event, переданный в обработчик onclick, на что-то другое, например e, нажмите «Выполнить», затем обратите внимание, что перенаправление происходит после предупреждения (панель результатов становится белой, показываяперенаправление).

Answer 2

Самое простое решение просто:

<a href="#" onclick="event.preventDefault(); myfunc({a:1, b:'hi'});" />click</a>

На самом деле это хороший способ выполнить очистку кэша для документов с запасным вариантом без браузеров с поддержкой JS (без очистки кэша без JS)

<a onclick="
if(event.preventDefault) event.preventDefault(); else event.returnValue = false;
window.location = 'http://www.domain.com/docs/thingy.pdf?cachebuster=' + 
Math.round(new Date().getTime() / 1000);" 
href="http://www.domain.com/docs/thingy.pdf">

Если включен JavaScript, он открывает PDF-файл со строкой запроса на очистку кеша, если нет - просто открывает PDF-файл.

Answer 3

Попробуйте это:

<script>
    $("a").click(function(event) {
        event.preventDefault(); 
    });
</script>

Answer 4

<script type="text/javascript">
$('a').click(function(){
   return false;
});
<script>

Answer 5

Добавьте уникальный класс к ссылкам и javascript, который запрещает использование ссылок по умолчанию для этого класса:

<a href="#" class="prevent-default" 
   onclick="$('.comment .hidden').toggle();">Show comments</a>

<script>
  $(document).ready(function(){

    $("a.prevent-default").click(function(event) {
         event.preventDefault(); 
          });
  });
</script>

Answer 6

Я думаю, что когда мы используем onClick, мы хотим сделать что-то отличное от значения по умолчанию. Итак, для всех ваших ссылок с помощью onClick:

$("a[onClick]").on("click", function(e) {
  return e.preventDefault();
});

Answer 7

Не можете ли вы просто удалить атрибут href из тега?

Answer 8

Вы можете получить доступ к событию с помощью клика вот так:

<button onclick="yourFunc(event);">go</button>

и в вашей функции javascript мой совет - добавить оператор первой строки как:

function yourFunc(e) {
    e = e ? e : event;
}

тогда везде используйте e в качестве переменной события

Answer 9

Simple!

onclick="blabla(); return false"

Answer 10

e.preventDefault (); от https://developer.mozilla.org/en-US/docs/Web/API/event.preventDefault

Или верните false из вашего метода.