как я могу сделать последнюю из панировочных сухарей не кликабельной (с href)

Question

Как я могу сделать последнюю из хлебных крошек не кликабельной (с href)

<ol class="breadcrumb" itemscope >
    <li itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem">
        <a href="${breadcrumbValue.url}" title="{l s='Home Page'}" itemprop="item">
        </a>
        <meta itemprop="position" content="1" />
    </li>            

Спасибо

Answer 1

Другой способ - preventDefault. Это остановит отправку запроса.

const elem = document.querySelector("a");
elem.addEventListener("click", function(e){
  e.preventDefault();
})

<a href="https://google.com">Hello click me</a>

Answer 2

Используя события-указатели , вы можете сделать так, чтобы любой элемент не получал кликов.

.noclick {
  pointer-events: none;
}

<div class="noclick">
  <a href="#" onclick="alert('I was clicked')">You can't click me</a>
</div>
<div>
  <a href="#" onclick="alert('I was clicked')">You can click me</a>
</div>