Размещение события Click в теге achor в html из javascript?
-
03-07-2019 - |
Вопрос
Может ли кто-нибудь помочь, похоже, возникла проблема с размещением события onclick тега привязки, оно работает с изображением..у меня есть это
this.whereAreWe = document.getElementById('where_are_we');
this.whereAreWe.onclick = this.whereAreWe;
Я разместил тег A, используя идентификатор "where_are_we"...
но он никогда не выполняется..если я изменю его на изображение, оно работает..
Я также поставил href="#"
Есть ли что-то особенное в тегах привязки и применении кода onclick?
Я также попытался удалить href. Если я удалю href, у меня не появится значок маленькой руки.
Я поставил точку останова в функцию, и она входит в изображение, но при использовании привязки это не так.
Есть идеи?
Решение
Я также попытался удалить href. Если я удалю href, он не покажет мне маленький значок руки.
Вам необходим атрибут 'href' для тега 'a', чтобы указать URL-адрес целевого документа или веб-ресурса. Если вы не укажете это - при наведении курсора курсор не меняется. Конечно, вы можете использовать CSS, чтобы изменить это, но это другой вопрос.
Другие советы
Код, который вы указали, сбивает с толку. Следующий код работает правильно для меня:
<a href="#" id="whereWeAre">a link</a>
<script type="text/javascript">
var whereWeAre = document.getElementById("whereWeAre");
function testClick() {
alert("You clicked!");
}
whereWeAre.onclick = testClick;
</script>
Если бы ваш пример был немного более конкретным, мы могли бы быть более полезными.
Есть 2 проблемы с вашим javascript.Использование «this» и привязка события onclick обратно к ссылке на элемент DOM для HREF.Вместо этого попробуйте это:
var whereAreWe = document.getElementById("where_are_we");
whereAreWe.onclick = function(){
alert("Click event on Where are We");
return false;
};