Як я можу відключити HREF, якщо виконано onclick?

У мене є якір з як HREF і ONCLICKатрибути встановлені. Якщо клацнути і Javascript увімкнено, я хочу, щоб він лише виконувався ONCLICKта ігнорував HREF. Так само, якщо Javascript вимкнено або не підтримується, я хочу, щоб він переходив за HREFURL-адресою та ігнорував ONCLICK. Нижче наведено приклад того, що я роблю, який би виконував JS і переходив за посиланням одночасно (зазвичай JS виконується, а потім сторінка змінюється):

<A HREF="http://example.com/no-js-login" ONCLICK="yes_js_login()">Log in</A>

який найкращий спосіб це зробити?

Я сподіваюся на відповідь Javascript, але я прийму будь-який метод, якщо він працює, особливо якщо це можна зробити за допомогою PHP. Я вже читав " посилання href виконує та перенаправляє сторінку до того, як функція javascript onclick зможе закінчити ", але вона лише затримує HREF, але не повністю її відключає. Я також шукаю щось набагато простіше.

Ви можете використовувати перше нередаговане рішення, якщо в onclickатрибуті ставите return першим :

<a href="https://example.com/no-js-login" onclick="return yes_js_login();">Log in</a>

yes_js_login = function() {
     // Your code here
     return false;
}

Приклад: https://jsfiddle.net/FXkgV/289/

    yes_js_login = function() {
         // Your code here
         return false;
    }

Якщо ви повернете false, це повинно запобігти дії за замовчуванням (перехід до href).

Редагувати: Вибачте, що, здається, не працює, замість цього ви можете зробити наступне:

<a href="http://example.com/no-js-login" onclick="yes_js_login(); return false;">Link</a>

Просто відключіть поведінку браузера за замовчуванням, використовуючи preventDefaultі передайте eventв свій HTML.

<a href=/foo onclick= yes_js_login(event)>Lorem ipsum</a>

yes_js_login = function(e) {
  e.preventDefault();
}

<a href="http://www.google.com" class="ignore-click">Test</a>

з jQuery:

<script>
    $(".ignore-click").click(function(){
        return false;
    })
</script>

з JavaScript

<script>
        for (var i = 0; i < document.getElementsByClassName("ignore-click").length; i++) {
            document.getElementsByClassName("ignore-click")[i].addEventListener('click', function (event) {
                event.preventDefault();
                return false;
            });
        }
</script>

Ви призначаєте клас .ignore-clickстільки елементів, скільки вам подобається, і клацання по цих елементах буде проігноровано

Ви можете використовувати цей простий код:

<a href="" onclick="return false;">add new action</a><br>

Це простіше, якщо ви передаєте такий параметр події:

<a href="#" onclick="yes_js_login(event);">link</a>

function yes_js_login(e) {
    e.stopImmediatePropagation();
}

Це може допомогти. JQuery не потрібен

<a href="../some-relative-link/file" 
onclick="this.href = 'https://docs.google.com/viewer?url='+this.href; this.onclick = '';" 
target="_blank">

Цей код робить наступне: Передайте відносне посилання в Google Docs Viewer

1. Отримайте повну версію посилання на прив'язку до this.href
2. відкрити посилання в новому вікні.

Отже, у вашому випадку це може спрацювати:

<a href="../some-relative-link/file" 
onclick="this.href = 'javascript:'+console.log('something has stopped the link'); " 
target="_blank">

Я вирішив ситуацію, коли мені потрібен шаблон для елемента, який би міг обробляти звичайну URL-адресу або виклик javascript, де функція js потребує посилання на викличний елемент. У javascript "this" працює як самовідсилання лише в контексті елемента форми, наприклад, кнопки. Я не хотів кнопки, просто поява звичайного посилання.

Приклади:

<a onclick="http://blahblah" href="http://blahblah" target="_blank">A regular link</a>
<a onclick="javascript:myFunc($(this));return false" href="javascript:myFunc($(this));"  target="_blank">javascript with self reference</a>

Атрибути href та onClick мають однакові значення, за винятком того, що я додаю "return false" на onClick, коли це виклик javascript. Наявність функції "return false" у викликаній функції не спрацювало.

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

<a href="" onclick="return false;">Action</a>

У моєму випадку у мене була умова, коли користувач натискав елемент "a". Умовою було:

Якщо інший розділ містив більше десяти пунктів, тоді користувача не слід перенаправляти на іншу сторінку.

Якщо в іншому розділі було менше десяти пунктів, тоді користувача слід перенаправити на іншу сторінку.

Функціональність елементів "а" залежить від іншого компонента. Код у події кліку є наступним:

var elementsOtherSection = document.querySelectorAll("#vehicle-item").length;
if (elementsOtherSection> 10){
     return true;
}else{
     event.preventDefault();
     return false;
}