llamar - evento onclick no funciona en JavaScript

llamar funcion javascript html sin evento

Question

Tengo un código JavaScript en una página HTML con un botón. Tengo una función llamada ''click ()'' que maneja el evento onClick del botón. El código para el botón es el siguiente:

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

El problema es que cuando se hace clic en el botón, la función no se llama. ¿Qué estoy haciendo mal aquí?
Gracias

Answer 1

Compruebe que está llamando a la misma función o no.

<script>function greeting(){document.write("hi");</script>
<input type="button" value="Click Here" onclick="greeting();"/>

Answer 2

Dos observaciones:

1. Deberías escribir

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

   en lugar de

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

2. Deberías cambiar el nombre de tu función. La función click() ya está definida en un botón (simula un clic), y obtiene una prioridad más alta que su método.

Tenga en cuenta que hay un par de sugerencias aquí que son completamente erróneas, y no debe dedicar mucho tiempo a ellas:

• No use onclick="javascript:myfunc()" . Solo use el prefijo javascript: dentro del atributo href de un hipervínculo: <a href="javascript:myfunc()"> .
• No tiene que terminar con un punto y coma. onclick="foo()" y onclick="foo();" ambos funcionan bien.
• Los atributos de evento en HTML no distinguen entre mayúsculas y minúsculas, por lo que onclick , onClick y ONCLICK funcionan. Es una práctica común escribir atributos en minúsculas: onclick . tenga en cuenta que javascript es sensible a las mayúsculas y minúsculas, por lo que si escribe document.getElementById("...").onclick = ... , entonces debe ser todo en minúscula .

Answer 3

El miembro del grupo acaba de tener un problema donde el id del botón era el mismo que el nombre de la función, verifica la identificación de su botón o verifica otros componentes y asegúrese de que los nombres no entren en conflicto.

Answer 4

Hoy esto también me pasó a mí. El nombre de la función puede entrar en conflicto con las palabras clave. Mi caso es scrape() Cambio el nombre de la función, todo funciona bien.

Answer 5

Intenta arreglar las mayúsculas. onclick lugar de onClick

Referencia: Mozilla Developer Docs

Answer 6

Prueba esto

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

Answer 7

Sí, debes cambiar el nombre de tu función. Javascript tiene métodos reservados y onclick = >>>> haga clic en () <<<< es uno de ellos, así que simplemente cambie el nombre, agregue una ''s'' al final o algo así. texto fuerte `

Answer 8

Te sugiero que hagas: <input type="button" value="button text" onclick="click()"> Espero que esto te ayude!

Answer 9

click () es una palabra reservada y ya es una función, cambia el nombre de click () a runclick () funciona bien

Answer 10

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

Tuve el mismo problema en que las llamadas a la función onclick no funcionarían. Incluí la función dentro del usual "$ (document) .ready (function () {});" bloque utilizado para envolver guiones jquery. Comentando este bloque resolvió el problema.