событие onclick не работает в JavaScript

Question

У меня есть код JavaScript на странице HTML с кнопкой. У меня есть функция под названием «click ()», которая обрабатывает событие onClick кнопки. Код для кнопки выглядит следующим образом:

<input type="button" onClick="click()">button text</input>  

Проблема в том, что при нажатии кнопки функция не вызывается. Что я тут не так делаю?
Спасибо

Answer 1

Два наблюдения:

1. Вы должны написать

   <input type="button" value="button text" />
   

   вместо

   <input type="button">button text</input>
   

2. Вы должны переименовать вашу функцию. Функция click() уже определена для кнопки (она имитирует щелчок) и получает более высокий приоритет, чем ваш метод.

Обратите внимание, что здесь есть несколько предложений, которые совершенно неверны, и вам не следует тратить на них много времени:

• Не использовать onclick="javascript:myfunc()". Используйте префикс javascript: только внутри атрибута href гиперссылки: <a href="javascript:myfunc()">.
• Вам не нужно заканчивать точкой с запятой. onclick="foo()" и onclick="foo();" отлично работают.
• Атрибуты событий в HTML не чувствительны к регистру, поэтому onclick, onClick и ONCLICK все работают. Обычной практикой является запись атрибутов в нижнем регистре: onclick. обратите внимание, что сам javascript чувствителен к регистру, поэтому если вы напишите document.getElementById("...").onclick = ..., тогда должно быть строчными .

Answer 2

click () - зарезервированное слово и уже является функцией, измените имя с click () на runclick (), оно отлично работает

Answer 3

Попробуйте это

<input type="button" onClick="return click();">button text</input>  

Answer 4

Убедитесь, что вы вызываете ту же функцию или нет.

<script>function greeting(){document.write("hi");}</script>

<input type="button" value="Click Here" onclick="greeting();"/>

Answer 5

Сегодня это также случилось со мной.Имя функции может конфликтовать с ключевыми словами.Мой случай scrape().Я меняю имя функции, все отлично работает.

Answer 6

Да, вы должны изменить название вашей функции. Javascript имеет зарезервированные методы, и onclick = >>>> click () сильный текст `

Answer 7

<script>
//$(document).ready(function () {
function showcontent() {
        document.getElementById("demo22").innerHTML = "Hello World";
}
//});// end of ready function
</script>

У меня была такая же проблема, когда вызовы функции onclick не работали. Я включил функцию в обычный "$ (document) .ready (function () {});" блок, используемый для переноса скриптов jquery. Комментирование этого блока решило проблему.

Answer 8

Я предлагаю вам сделать: <input type="button" value="button text" onclick="click()"> Надеюсь, это поможет вам!

Answer 9

Попробуйте исправить заглавные буквы.onclick вместо onClick

Ссылка: Документы разработчика Mozilla