Heim > Artikel > Web-Frontend > JS implementiert das dynamische Hinzufügen von Ereignissen zu Beschriftungssteuerelementen
JS implementiert das dynamische Hinzufügen von Ereignissen zu Beschriftungssteuerelementen
- 不言Original
- 2018-05-05 16:05:072528Durchsuche
In diesem Artikel wird hauptsächlich die JS-Methode zum dynamischen Hinzufügen von Ereignissen zu Etikettensteuerelementen vorgestellt. Er analysiert die relevanten Betriebstechniken von JavaScript, um dynamisch hinzugefügte Ereignisse einfach in Form von Beispielen zu implementieren.
Beschreibt die JS-Methode zum dynamischen Hinzufügen von Ereignissen zu Beschriftungssteuerelementen. 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="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>
Verwandte Empfehlungen:
JS-Schritte um eine dynamische Fortschrittsbalkenanalyse zu implementieren
D3.js implementiert einen dynamischen Wähleffekt
js implementiert einen dynamischen Prozessfortschrittsanzeigebalken
Das obige ist der detaillierte Inhalt vonJS implementiert das dynamische Hinzufügen von Ereignissen zu Beschriftungssteuerelementen. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!