Ссылка на ссылку - Как активировать код JS без активации родительской ссылки?

Question

Ссылка на ссылку - Как активировать код JS без активации родительской ссылки?

0

Вот случай:

<a href="#1" style="height:100px; width:100px;">
  <div class="#2"></div>
  <div class="#3"></div>
  <div class="#4"></div>
  <div>
    <input onclick="#5" />
  </div>
</a>

По умолчанию, если я нажму на # 2, # 3, # 4, # 5, я буду перенаправлен на # 1.

Итак, как мне нужно исправить CSS, если я хочу щелкнуть по вводу без активации №1?

Заранее спасибо!

user3453399 23 апр. 2014, в 20:24

Источник

0

Где вы Javascript и CSS-код? Вы забыли опубликовать их. Не совсем уверен, что вы спрашиваете здесь ...
ElGavilan 23 апр. 2014, в 17:34
1

<input onclick="#5" /> - жизнь меня удивляет. Что это должно быть?
ElmoVanKielmo 23 апр. 2014, в 17:39
0

Хорошо, давайте предложим, что <input onclick = "addtocart ();" /> Когда я нажимаю на вход JS-код запускается и одновременно я перенаправлен на # 1. Поэтому я хочу игнорировать # 1, когда я нажимаю на вход!
user3453399 23 апр. 2014, в 17:42

Показать ещё 1 комментарий

Теги:

javascript

html

css

4 ответа

1

Просто поставьте

return(false);

в конце JavaScript, который выполняется при нажатии на вход.

almo 23 апр. 2014, в 15:55

0

ответил как ответ ... не могу отформатировать этот код здесь.
Havunen 23 апр. 2014, в 17:44

0

Это интересная проблема, с которой я столкнулся несколько раз.

Вам в основном нужно прослушать событие click на родительском элементе, а затем проверить, является ли он якорем или другим элементом, а затем действовать на него.

$('YOUR ELEMENT').click(function (e) {
  var target = $( e.target );
  if ( target.is( "a" ) ) {

    Do something
  }
  else if (target.is( "input" ))
  {
    Do something else

  }
});

Хотя я бы не рекомендовал иметь привязку в качестве обертки для div, поскольку в некоторых случаях это прерывается, при таком подходе вы можете легко использовать обертку div с атрибутом data-link и программно перейти к этой ссылке через JavaScript

Zyad Sherif 23 апр. 2014, в 16:57

0

Предполагая, что ваш тег написан правильно, используйте z-index:

 <input type="button" style="z-index:99" onclick="foo()" />

Хотя мне интересно, следует ли пересмотреть макет страницы и избежать такого большого тега ссылки...

WillardSolutions 23 апр. 2014, в 14:42

0

Bootstrap представляет собой небольшую миниатюру :) Поэтому я хочу избегать ссылок на img, именных ссылок и т. Д. Всего одна ссылка для поддержки политики SEO.
user3453399 23 апр. 2014, в 17:47

Ещё вопросы

Где вы Javascript и CSS-код? Вы забыли опубликовать их. Не совсем уверен, что вы спрашиваете здесь ...
<input onclick="#5" /> - жизнь меня удивляет. Что это должно быть?
Хорошо, давайте предложим, что <input onclick = "addtocart ();" /> Когда я нажимаю на вход JS-код запускается и одновременно я перенаправлен на # 1. Поэтому я хочу игнорировать # 1, когда я нажимаю на вход!
ответил как ответ ... не могу отформатировать этот код здесь.
Bootstrap представляет собой небольшую миниатюру :) Поэтому я хочу избегать ссылок на img, именных ссылок и т. Д. Всего одна ссылка для поддержки политики SEO.

Havunen · Accepted Answer · 2014-04-23T15-43-00.000Z

Да, вы можете сделать это вот так:

<a href="#1" style="height:100px; width:100px;">
  <div class="#2"></div>
  <div class="#3"></div>
  <div class="#4"></div>
  <div>
    <input onclick="doSomething(); return false;" />
  </div>
</a>