js 鼠標(biāo)點(diǎn)擊事件及其它捕獲

2024-05-06 14:15:10

字體：大中小

供稿：網(wǎng)友

<div><a href="#" onclick="showPricediv('aaa')" abc=1>adsfsdf</a></div>
<div id="aaa" style="display:none" onmouseover="temshowTag=true" onmouseout="temshowTag=false"><pricediv><table><tr><td>dfdfdfsdf</td></tr></table></pricediv></div>
<div><a href="#" onclick="showPricediv('Div1')" abc=1>adsfsdf</a></div>
<div id="Div1" style="display:none" onmouseover="temshowTag=true" onmouseout="temshowTag=false">dfdfdf<br /><pricediv>dfdfdfdf</pricediv></div>
<div><a href="#" onclick="showPricediv('Div2')" abc=1>adsfsdf</a></div>
<div id="Div2" style="display:none" onmouseover="temshowTag=true" onmouseout="temshowTag=false"><pricediv>dfdfdf<br />dfdfdfdf</pricediv></div>
</body>
<script>
var temEventobject=null;
var temshowTag=false;
function document.onclick()
{
if(event.srcElement.abc==null&&temshowTag==false)
{
var temabc = document.getElementsByTagName("pricediv");
for(i=0;i<temabc.length;i++)
{
temabc[i].parentElement.style.display="none";
}
}
}
function showPricediv(a)
{
document.getElementById(a).style.display="";
temEventobject=document.getElementById(a);
temshowTag=true;
}
</script>
這段代碼是用來做，點(diǎn)擊一個(gè)按紐打開個(gè)div,在頁面空白處點(diǎn)擊鼠標(biāo)隱藏這個(gè)div
function document.onclick()
{
}
這樣可以重寫一個(gè)內(nèi)置對象的事件或方法，但只限于document,window,同樣方式你可以重寫alert之類

上一篇：js在Firefox與IE中對DOM對像的引用的比較

下一篇：論壇里點(diǎn)擊別人帖子下面的回復(fù)，回復(fù)標(biāo)題變成“回復(fù) 24# 的帖