jQuery : Analyse et introduction au problème invalide de .click()-js tutoriel-php.cn

jQuery : Analyse et introduction au problème invalide de .click()

黄舟

Libérer： 2017-06-27 10:07:56

original

2038 Les gens l'ont consulté

Cet article présente principalement l'analyse du problème invalide de $("a").click() dans jQuery Les amis qui en ont besoin peuvent se référer à

Créer un formulaire aujourd'huiLorsque le frontend exporte au format xls, je souhaite déclencher automatiquement le clic d'un. Mais échoué. J'ai enfin trouvé ce fichier.

J'ai essayé à plusieurs reprises d'utiliser jQuery pour simuler la fonction de l'utilisateur cliquant sur la balise a, mais sans succès, et j'ai été troublé pendant longtemps. J'étais dans un état second il y a quelque temps et une nouvelle idée est venue, alors j'ai commencé à la tester.

Regardez d'abord le code ci-dessous :

<html>
<
head
>磨途歌-A标签测试1<head>
<body>
   <a href="http://blog.mo2g.com">磨途歌<a>
</body>
</html>
<script src="http://ajax.google
api
s.com/ajax/libs/jquery/1.7.2/jquery.min.js"><script>
<script>
jQuery(function($) {
  //给所有A标签绑定点击触发
事件
  $(&#39;a&#39;).click(function() {
    alert(1);
  });
  //触发所有A标签的点击事件
  $(&#39;a&#39;).click();
});
</script>

Copier après la connexion

Le code ci-dessus a effectivement déclenché l'événement de clic sur l'étiquette A, mais tout le monde doit aussi se demander pourquoi il n'a pas déclenché l'événement lorsque l'étiquette A a été cliquée. Événement Jump de la balise A ?

Au début, je pensais que le navigateur avait pris les mesures de

sécurité correspondantes pour bloquer le fonctionnement de la balise A par JS. Plus tard, j'ai découvert que ce n'était pas le cas. Parlons-en ensuite. toute l'histoire.

Avant de commencer à expliquer, permettez-moi de poser une question. Lorsque nous cliquons sur l'étiquette « A », sur quoi avons-nous cliqué exactement pour provoquer le saut ?

1) La "balise A" elle-même est-elle cliquée ?

2) Avez-vous cliqué sur le texte affiché dans le "Étiquette A" ?

Cela dit, tout le monde doit comprendre que notre code ci-dessus a confirmé que cliquer sur l'étiquette A elle-même ne déclenchera pas un événement qui renvoie au lien spécifié. En d'autres termes, nous cliquons généralement sur l'étiquette A dans. le texte ?

Maintenant que vous avez une idée, essayons-la.

 <html>
<head>磨途歌-A标签测试2<head>
<body>
   <a href="http://www.mo2g.com">磨途歌<a>
</body>
</html>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"><script>
<script>
jQuery(function($) {
  var mo2g = &#39;<span id="mo2g">磨延城<span>&#39;;
  //给A标签中的文字添加一个能被jQuery捕获的元素
  $(&#39;a&#39;).append(mo2g);
  //模拟点击A标签中的文字
  $(&#39;#mo2g&#39;).click();
});
</script>

Copier après la connexion

L'effet apparaît maintenant. Les faits ont prouvé que l'inférence ci-dessus est correcte. Par conséquent, si vous souhaitez utiliser JS pour simuler l'événement de clic de la balise A, vous devez d'abord ajouter du texte dans le fichier. Une balise qui peut être capturée par l'élément JS, puis utiliser JS pour simuler un clic sur l'élément.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!