Самый простой способ, как скрыть кнопку после нажатия - PullRequest
Новая
       4

Самый простой способ, как скрыть кнопку после нажатия

0 голосов
/ 04 декабря 2018

У меня есть этот код (кнопка): 

<a href="https://www.google.com" target="_blank">
  <button type="button" onclick="self.close()"
     style="background:url('/url/to/image') no-repeat left top; height:48px; width:412px; border: none;">
  </button>
</a>

, и я хотел бы скрыть эту кнопку после нажатия.Как проще всего это сделать?

Ответы [ 6 ]

0 голосов
/ 07 декабря 2018

Спасибо всем за ответы.Самыми простыми решениями для меня были решения Джулио Бамбини, Шона Т и MyGeertRo:)

0 голосов
/ 06 декабря 2018

Мой путь был бы таким: 

jQuery(function($) {

    $('button').on('click', function() {
        $(this).hide();
    });

});

Все еще не уверен, что означает "самый простой" .Для меня это приведенный выше код: я избегаю писать Javascript в середине DOM, внутри HTML-тегов.Оборачивать их в теги <script> все в одном месте (как правило, прямо перед </body>) более удобно.

Но это мое мнение.

0 голосов
/ 06 декабря 2018

Я думаю, что самый простой способ - использовать addEventListener для прослушивания события нажатия кнопки.Ваша функция обратного вызова будет скрывать элемент: 

document.querySelector('button').addEventListener('click', e => e.target.style.display = 'none');
<button type="button">Click to hide</button>
0 голосов
/ 06 декабря 2018

Я бы попробовал с: 

<html>
  <body>
    <button type="button" onclick="this.style.display='none';" style="height:1em;"></button>
  </body>
</html>
0 голосов
/ 06 декабря 2018

Слово Простейшее может иметь несколько форм решения.На мой взгляд, display:none, вероятно, является более быстрым решением как среда выполнения. 

<a href="https://www.google.com" target="_blank">
  <button type="button" onclick="javascript:this.style.display='none'"
     style="background:url('/url/to/image') no-repeat left top; height:48px; width:412px; border: none;">
  </button>
</a>
0 голосов
/ 06 декабря 2018

Самый простой?Полагаю, что это вопрос мнения, вы можете просто вызвать jquery hide()? 

<a href="https://www.google.com" target="_blank">
  <button type="button" onclick="$(this).hide(); return false;"
 style="background:url('/url/to/image') no-repeat left top; height:48px; width:412px; border: none;">
  </button>
</a>

. Вы обернули его в тег привязки, поэтому вам следует предотвратить поведение по умолчанию, если вы хотите остановить перенаправление наhttps://www.google.com/

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...