La simulation cliquez sur le Bouton en javascript

Donc ce que je veux faire, c'est lorsque je clique sur un bouton, il va passer cet événement click d'un autre élément dans la page, ou vous pouvez dire qu'il va créer un nouvel événement click d'un autre élément. Ci-dessous mon code, ça ne fonctionne pas, s'il vous plaît laissez-moi savoir ce qui est mal avec elle, il semble faire sens...

<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8" />
<link rel="stylesheet" href="http://code.jquery.com/ui/1.10.0/themes/base/jquery-ui.css" />
<script src="http://code.jquery.com/jquery-1.8.3.js"></script>
<script src="http://code.jquery.com/ui/1.10.0/jquery-ui.js"></script>
<link rel="stylesheet" href="/resources/demos/style.css" />
<script>
$(function() {
$( "#datepicker" ).datepicker();
});



</script>
</head>
<body>
<p>Date: <input type="text" id="datepicker" onClick=alert("error") /></p>
<button type="button" value="submit" onClick="document.getElementById("datepicker").click()">submit </button>
</body>
</html>
InformationsquelleAutor ouyadi | 2013-01-28
  1. 39

    Puisque vous êtes à l'aide de jQuery, vous pouvez utiliser ce gestionnaire onClick qui appelle cliquez:

    $("#datepicker").click()

    C'est le même que $("#datepicker").trigger("click").

    Pour un jQuery-version gratuite découvrez cette réponse sur DONC.

    InformationsquelleAutor Matt Zeunert
  2. 10

    Pour simuler un événement, vous pouvez utiliser trigger JQuery fonctionnalité.

    $('#foo').on('click', function() {
      alert($(this).text());
    });
$('#foo').trigger('click');
    • Si quelque chose ressemble à ceci? <p>Date: <input type="text" id="datepicker" onClick=alert("erreur") /></p> <button type="button" id = "submit" onClick="$('#datepicker').tigrou('click')" >envoi </button>
    • Oui, mais vous devriez éviter de javascript en ligne.
    InformationsquelleAutor sdespont
  3. 5

    Le moindre changement à résoudre ce serait de changer

    onClick="document.getElementById("datepicker").click()">

    à

    onClick="$('#datepicker').click()">

    click() est une méthode jQuery. Aussi, vous avez eu une collision entre les guillemets utilisés pour l'attribut d'élément HTML et ceux qui l'utilisent pour la fonction JavaScript argument.

    InformationsquelleAutor weir
  4. 2

    La raison que votre code ne fonctionne pas de la façon que vous attendez est parce que cette ligne: 

    <button type="button" value="submit" onClick="document.getElementById("datepicker").click()">submit </button>

    devrait être changé en: 

    <button type="button" value="submit" onClick="document.getElementById('datepicker').focus()">submit </button>

    Il y a deux choses à remarquer ici:

    1: La "s autour de datepicker ont été modifiés pour 's de sorte qu'ils n'interfèrent pas avec les guillemets entourant le onclick événement.

    2: Le click() a été modifié pour focus() pour activer le datepicker de calendrier. Lorsque le bouton est enfoncé.

    Maintenant, cela résout votre problème...mais je suis d'accord avec les autres postes que l'utilisation de jQuery pour accéder à l'élément du DOM et de déclencher l'événement est la meilleure façon d'aller. Puisque vous êtes déjà à le faire pour le jQuery datapicker plugin via <script src="http://code.jquery.com/jquery-1.8.3.js"></script>, cela ne devrait pas être un problème.

    Inline événements ne sont pas recommandés.

    InformationsquelleAutor Chase
  5. 1

    Ou vous pouvez utiliser ce que JQuery alreay fait pour vous:

    http://jqueryui.com/datepicker/#icon-trigger

    C'est ce que vous essayez de réaliser n'est-ce pas?

    InformationsquelleAutor Webapper
  6. 1

    essayer cette

    document.getElementById("datapicker").addEventListener("submit", function())
    InformationsquelleAutor Z3r0n3
  7. 0

    Utiliser cette

    jQuery("input.second").trigger("click");
    InformationsquelleAutor subindas pm