Maison > Article > interface Web > JS implémente l'ajout dynamique d'événements aux contrôles d'étiquette
JS implémente l'ajout dynamique d'événements aux contrôles d'étiquette
- 不言original
- 2018-05-05 16:05:072527parcourir
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('onfocus', add); //在原先事件上添加
//obj.setAttribute('onfocus',add); //会替代原有事件方法
//obj.onfocus=add;
//等效obj.setAttribute('onfocus',add);
if (window.addEventListener) {
//其它浏览器的事件代码: Mozilla, Netscape, Firefox
//添加的事件的顺序即执行顺序
//注意用 addEventListener 添加带on的事件，不用加on
obj.addEventListener('focus', add, false);
} else {
//IE 的事件代码 在原先事件上添加 add
方法obj.attachEvent('onfocus', add);
}
}
function add() {
alert("已经成功添加事件");
}
</script>
<body>
<input type="text" onfocus="alert('预设事件');" id="fy" />
<input type="button" onclick="set();" value="sssss"/>
</body>
</html>
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!