Heim > Web-Frontend > js-Tutorial > Relevante Techniken zum dynamischen Hinzufügen von Ereignissen mithilfe von js

Relevante Techniken zum dynamischen Hinzufügen von Ereignissen mithilfe von js

零下一度
Freigeben: 2017-05-16 09:46:52
Original
1142 Leute haben es durchsucht

In diesem Artikel wird hauptsächlich die JS-Methode zum dynamischen Hinzufügen von Ereignissen zu Etikettensteuerelementen vorgestellt und die damit verbundenen Betriebsfähigkeiten von Javascript analysiert, um das dynamische Hinzufügen von Ereignissen einfach in Form von Beispielen zu implementieren dazu

Das Beispiel in diesem Artikel beschreibt die Methode zum dynamischen Hinzufügen von Ereignissen zu Beschriftungssteuerelementen mithilfe von JS. Teilen Sie es als Referenz mit allen. Die Details lauten wie folgt:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="m.sbmmt.com/1999/xhtml">
<script language="javascript">
function set(){
  var obj = document.getElementById("fy");
  //obj.attachEvent(&#39;onfocus&#39;, add); //在原先事件上添加
  //obj.setAttribute(&#39;onfocus&#39;,add); //会替代原有事件方法
  //obj.onfocus=add;
  //等效obj.setAttribute(&#39;onfocus&#39;,add);
  if (window.addEventListener) {
    //其它浏览器的事件代码: Mozilla, Netscape, Firefox
    //添加的事件的顺序即执行顺序
    //注意用 addEventListener 添加带on的事件,不用加on
    obj.addEventListener(&#39;focus&#39;, add, false);
  } else {
    //IE 的事件代码 在原先事件上添加 add
    方法obj.attachEvent(&#39;onfocus&#39;, add);
  }
}
function add() {
  alert("已经成功添加事件");
}
</script>
<body>
  <input type="text" onfocus="alert(&#39;预设事件&#39;);" id="fy" />
  <input type="button" onclick="set();" value="sssss"/>
</body>
</html>
Nach dem Login kopieren

[Verwandte Empfehlungen]

1 🎜>: „php Programmer Toolbox“ V0.1 Version herunterladen 2. Kostenloses js-Online-Video-Tutorial

3. php.cn Dugu Jiujian (3) - JavaScript-Video-Tutorial

Das obige ist der detaillierte Inhalt vonRelevante Techniken zum dynamischen Hinzufügen von Ereignissen mithilfe von js. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
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
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage