l'événement onclick pas de travail en JavaScript

J'ai un peu de code JavaScript dans une page HTML avec un bouton. J'ai une fonction appelée 'click ()" qui gère l'événement onClick du bouton. Le code pour le bouton est comme suit: 

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

Le problème est que lorsque le bouton est cliqué, la fonction n'est pas appelée. Ce que je fais mal ici?

Grâce

  • Êtes-vous d'obtenir une erreur dans la console? Vous pouvez poster la fonction de clic. Il fonctionne pour moi ici
  • Je pense que vous avez besoin d'un point-virgule après la fonction comme ceci: <input type="button" onClick="click();">button text</input>
  • Essayez... onclick="javascript:click();"
  • onclick déjà assume ses JavaScript. vous ne utilisez javascript:cliquez sur(); si vous étiez un réglage href d'un lien. Également le point-virgule n'est pas nécessaire, à moins qu'une 2ème fonction a été appelée ainsi.
  • où avez-vous à déclarer/mettre la souris() la fonction? Est-il dans le droit de la portée?
InformationsquelleAutor Nate Koppenhaver | 2011-03-28
  1. 95

    Deux observations:

    1. Vous devriez écrire 

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

      au lieu de

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

    2. Vous devez renommer votre fonction. La fonction click() est déjà défini sur un bouton (il simule un clic), et devient une priorité plus élevée ensuite votre méthode.

    Noter que il ya un couple de suggestions qui sont simplement faux, et vous ne devriez pas dépenser trop de temps sur eux:

    • Ne pas utiliser onclick="javascript:myfunc()". Utilisez uniquement le javascript: préfixe à l'intérieur de la href attribut d'un lien hypertexte: <a href="javascript:myfunc()">.
    • Vous n'avez pas de terminer par un point-virgule. onclick="foo()" et onclick="foo();" les deux fonctionnent très bien.
    • Événement attributs HTML ne sont pas sensibles à la casse, donc onclick, onClick et ONCLICK tous les travaux. Il est de pratique courante d'écrire des attributs en minuscules: onclick. noter que javascript lui-même est sensible à la casse, donc si vous écrivez document.getElementById("...").onclick = ..., puis il doit être en minuscules.
    • c'est juste un exemple de script im écrit sur mon Windows 95 avec IE5 donc je n'utilise pas de DOM trucs parce que je ne sais pas comment il est pris en charge. Je vais essayer ça si. Merci
    • ouais j'ai juste eu à changer le nom de ma fonction et cela a fonctionné. Merci encore! j'étais vraiment coincé
    • Merci de prendre le temps d'expliquer quelques-uns de ces choses... comme les petits comme ils sont, ils m'ont vraiment aidé à comprendre ce que je faisais mal.
    • href="http://jsfiddle.net/hiteshbhilai2010/gs6rehnx/4/" >jsfiddle.net/hiteshbhilai2010/gs6rehnx/4 .... pourriez-vous voir ce qu'il a le même problème
    • Non, c'est un problème différent: JSFiddle met tout le code javascript à l'intérieur de $(window).load(function() { ... }). Cela signifie que test() n'est pas accessible dans le monde entier. Si vous modifiez le menu déroulant sur la gauche de onLoad à No wrap alors votre exemple devrait travailler en JSFiddle.
    • merci ça a fonctionné : encore une question: ne sommes-nous pas censés utiliser document.prêt à jsfiddle?
    • J'ai eu le même problème à l'aide d'une fonction appelée "submit()". Le changement de nom a travaillé.

    InformationsquelleAutor Elian Ebbing
  2. 13

    cliquez sur() est un mot réservé et déjà une fonction, changer le nom de la souris() pour runclick (), il fonctionne très bien

    InformationsquelleAutor Jimmy Rousseau
  3. 4

    Essayer cette

    <input type="button" onClick="return click();">button text</input>
    InformationsquelleAutor Nathanphan
  4. 3

    Vérifier que vous appelez même fonction ou pas.

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

<input type="button" value="Click Here" onclick="greeting();"/>
    InformationsquelleAutor user3669026
  5. 0

    Essayer de fixation de la capitalisation. onclick au lieu de onClick

    Référence: Mozilla Developer Docs

    • Votre lien est un XUL lien. C'est ce que tu veux: developer.mozilla.org/en/DOM/element.onclick
    • Merci, j'ai corrigé le lien.
    • toutes capitalisations de travail, le navigateur ne se soucient pas si c'est onClick, ONCLICK, onclick, Onclick, ou quoi que ce soit d'autre. je préfère chameau notation, donc j'utilise que
    • Vous avez raison. Javascript est sensible à la casse, ce qui peut être la source de ma confusion.
    • même la doc sur mdn est d'utiliser des minuscules, vous écrivez votre confusion sur d'autres personnes question, ce n'est pas bon
    InformationsquelleAutor Wylie
  6. 0

    Je vous suggère de faire:
    <input type="button" value="button text" onclick="click()">
    Espérons que cela vous aide!

    • Je pense que le problème est son "onclick" de la propriété, pas de la façon la valeur du texte est affiché.
    InformationsquelleAutor Kyle Gagnon
  7. 0
    <script>
//$(document).ready(function () {
function showcontent() {
        document.getElementById("demo22").innerHTML = "Hello World";
}
//});//end of ready function
</script>

    J'ai eu le même problème où onclick appels de fonction ne fonctionnent pas. J'avais compris la fonction à l'intérieur de l'habituel "$(document).ready(function(){});" bloc utilisé pour envelopper les scripts jquery. Commentant ce bloc de résoudre le problème.

    InformationsquelleAutor Tony
  8. 0

    Oui vous devez modifier le nom de votre fonction. Javascript a réservé des méthodes et des onclick = >>>> cliquez sur() <<<< l'un d'eux est si juste de le renommer, ajouter un " s " à la fin de celui-ci ou quelque chose.
    texte fort`

    InformationsquelleAutor Jerry Noel
  9. 0

    Aujourd'hui, c'est aussi arrivé à moi. Le nom de la fonction peut-être des conflits avec les mots-clés. Mon cas est scrape(). - Je changer le nom de la fonction, tout fonctionne bien.

    InformationsquelleAutor lover summer