suchen

Heim >Web-Frontend >js-Tutorial >jQuery: Analyse und Einführung in das ungültige Problem von .click()

jQuery: Analyse und Einführung in das ungültige Problem von .click()

黄舟
黄舟Original
2017-06-27 10:07:562062Durchsuche

In diesem Artikel wird hauptsächlich die Analyse des ungültigen Problems von $("a").click() in jQuery vorgestellt. Freunde, die es benötigen, können sich auf

Make a form todayWenn das Frontend nach XLS exportiert, möchte ich automatisch den Klick eines auslösen. Aber gescheitert. Endlich diese Datei gefunden.

Ich habe viele Male versucht, jQuery zu verwenden, um die Funktion des Benutzers zu simulieren, der auf das Tag a klickt, aber ohne Erfolg, und ich hatte lange Zeit Probleme. Vor einiger Zeit war ich völlig benommen, als mir eine neue Idee einfiel, also begann ich, sie zu testen.

Schauen Sie sich zunächst den folgenden Code an: 

<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>
Der obige Code hat tatsächlich das Ereignis des Klickens auf das A-Label ausgelöst, aber jeder muss sich auch fragen, warum er das Ereignis nicht ausgelöst hat wann wurde auf das Sprungereignis A des Tags A geklickt?

Zuerst dachte ich, dass der Browser entsprechende

Sicherheitsmaßnahmen ergriffen hätte, um den Betrieb des A-Tags durch JS zu blockieren. Lassen Sie uns als Nächstes darüber sprechen ganze Geschichte.

Bevor ich mit der Erklärung beginne, möchte ich eine Frage stellen. Wenn wir auf das „A-Label“ klicken, worauf genau haben wir geklickt, um den Sprung zu bewirken?

1) Wird auf das „A-Tag“ selbst geklickt?

2) Haben Sie auf den im „A-Label“ angezeigten Text geklickt?

Allerdings sollte jeder verstehen, dass unser Code oben bestätigt hat, dass das Klicken auf das A-Label selbst kein Ereignis auslöst, das zum angegebenen Link springt. Mit anderen Worten, wir klicken normalerweise auf das A-Label der Text?

Da Sie nun eine Idee haben, probieren wir sie aus. 

 <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>
Der Effekt zeigt sich jetzt. Wenn Sie JS verwenden möchten, um das Klickereignis des A-Tags zu simulieren, müssen Sie daher zunächst Text hinzufügen Ein Tag, das von einem JS-Element erfasst werden kann und dann mithilfe von JS das Klicken auf das Element simuliert.

Das obige ist der detaillierte Inhalt vonjQuery: Analyse und Einführung in das ungültige Problem von .click(). Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme：
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Vorheriger Artikel：jQuery-Lösung zum Hinzufügen von Klickereignissen zu mehreren ElementenNächster Artikel：jQuery-Lösung zum Hinzufügen von Klickereignissen zu mehreren Elementen

In Verbindung stehende Artikel

Mehr sehen