JS implémente l'ajout dynamique d'événements aux contrôles d'étiquette-js tutoriel-php.cn

JS implémente l'ajout dynamique d'événements aux contrôles d'étiquette

不言

Libérer： 2018-05-05 16:05:07

original

2654 Les gens l'ont consulté

Cet article présente principalement la méthode d'ajout dynamique d'événements aux contrôles d'étiquettes à l'aide de JS et analyse les techniques de fonctionnement associées à la simple implémentation de javascript pour ajouter dynamiquement des événements sous forme d'exemples. Les amis dans le besoin peuvent se référer aux exemples de cet article.

Décrit la méthode JS d'ajout dynamique d'événements aux contrôles d'étiquette. Partagez-le avec tout le monde pour votre référence, comme suit :

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/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 :

JS à réaliser Analyse des étapes de progression dynamique

D3.js implémente un effet de cadran dynamique

js implémente une barre d'affichage dynamique de la progression du processus

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!