js 绑定带参数的事件以及手动触发事件

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了js 绑定带参数的事件以及手动触发事件，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1270字，纯文字阅读大概需要2分钟。

内容图文

<div> 
<div id="tab"> 
<h2>标题一</h2> 
<h2>标题二</h2> 
<h2>标题三</h2> 
<h2>标题四</h2> 
div> 
<dl id="tabcon"> 
<dd>内容一</dd> 
<dd>内容二</dd> 
<dd>内容三</dd> 
<dd>内容四</dd> 
</dl> 
<div> 
 
2 .js部分 
 代码如下:

<script type="text/javascript" defer="defer"> 
var tab = document.getElementById("tab").getElementsByTagName("h2"); 
function swap(n) { 
return function() { 
for(var i=0; i<tab.length; i++) { 
document.getElementById("tabcon" + i).style.display = "none"; 
document.getElementById("tab" + i).className = ""; 
} 
document.getElementById("tabcon" + n).style.display = "block"; 
document.getElementById("tab" + n).className = "focus"; 
} 
} 

for(var i=0; i<tab.length; i++) { 
tab[i].setAttribute("id", "tab" + i); 
if(window.addEventListener) { 
tab[i].addEventListener("mouseover", swap(i), false); 
} else if(window.attachEvent) { 
tab[i].attachEvent("onmouseover", swap(i)); 
} 
} 

var tabcon = document.getElementById("tabcon").getElementsByTagName("dd"); 
for(i=0; i<tabcon.length; i++) { 
tabcon[i].setAttribute("id", "tabcon" + i); 
} 

if(document.createEvent) { 
var evObj = document.createEvent('MouseEvents'); 
evObj.initEvent( 'mouseover', true, false); 
tab[0].dispatchEvent(evObj); 
} else if( document.createEventObject) { 
tab[0].fireEvent('onmouseover'); 
} 
</script> 

            
            


           
                
                                                

内容总结

以上是互联网集市为您收集整理的js 绑定带参数的事件以及手动触发事件全部内容，希望文章能够帮你解决js 绑定带参数的事件以及手动触发事件所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端