Maison > interface Web > js tutoriel > Techniques pertinentes pour ajouter dynamiquement des événements à l'aide de js

Techniques pertinentes pour ajouter dynamiquement des événements à l'aide de js

零下一度
Libérer: 2017-05-16 09:46:52
original
1142 Les gens l'ont consulté

Cet article présente principalement la méthode JS d'ajout dynamique d'événements aux contrôles d'étiquettes et analyse les compétences opérationnelles associées de javascript pour implémenter simplement l'ajout dynamique d'événements sous forme d'exemples. Les amis qui en ont besoin peuvent s'y référer. à cela

L'exemple de cet article décrit la méthode d'ajout dynamique d'événements aux contrôles d'étiquette à l'aide de JS. Partagez-le avec tout le monde pour votre référence, les détails sont les suivants :

<!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>
Copier après la connexion

[Recommandations associées]

1 Recommandation spéciale : Téléchargement de la version V0.1 de "php Programmer Toolbox"

2 Tutoriel vidéo en ligne js gratuit

3. php.cn Dugu Jiujian (3) - Tutoriel vidéo JavaScript

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!

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal