js 鼠標點擊事件及其它捕獲
更新時間：2009年06月04日 18:13:30 作者：
這段代碼是用來做，點擊一個按紐打開個div,在頁面空白處點擊鼠標隱藏這個div
<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>
這段代碼是用來做，點擊一個按紐打開個div,在頁面空白處點擊鼠標隱藏這個div
function document.onclick()
{
}
這樣可以重寫一個內(nèi)置對象的事件或方法，但只限于document,window,同樣方式你可以重寫alert之類
<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>
這段代碼是用來做，點擊一個按紐打開個div,在頁面空白處點擊鼠標隱藏這個div
function document.onclick()
{
}
這樣可以重寫一個內(nèi)置對象的事件或方法，但只限于document,window,同樣方式你可以重寫alert之類
相關文章
在我們做業(yè)務開發(fā)的漫長歲月里，會多次跟時間打交道，相信大多數(shù)小伙伴對日期格式化也并不陌生，本文簡單記錄了JavaScript實現(xiàn)日期格式化的過程，以及一些拓展，希望對大家有所幫助2023-05-05
這篇文章主要介紹了如何在 JavaScript 中更好地使用數(shù)組，本文通過實例代碼給大家介紹的非常詳細，具有一定的參考借鑒價值,需要的朋友可以參考下2018-09-09
這篇文章主要為大家詳細介紹了微信小程序scroll-view實現(xiàn)字幕滾動效果，具有一定的參考價值，感興趣的小伙伴們可以參考一下2018-07-07
javascript實現(xiàn)簡單的html5視頻播放器
網(wǎng)頁視頻音頻播放器大家并不陌生，在IE中我們可以運行ActiveX來嵌入微軟的Media Player或者其他的本地播放器，當然可能大部分我們都是使用Flash來制作播放器。在HTML5發(fā)展迅速的今天，讓我們嘗試用HTML5來制作網(wǎng)頁播放器吧，畢竟無論是PC還是移動設備，HTML5是未來的趨勢2015-05-05
這篇文章主要介紹了JS實現(xiàn)的JSON數(shù)組去重算法,結(jié)合實例形式分析了javascript針對json數(shù)組的遍歷、判斷實現(xiàn)去重復功能相關操作技巧,需要的朋友可以參考下2018-04-04
這篇文章主要介紹了JS實現(xiàn)運動緩沖效果的封裝函數(shù),涉及JavaScript時間函數(shù)與數(shù)值運算相關操作技巧,需要的朋友可以參考下2018-02-02
淺析Javascript中bind()方法的使用與實現(xiàn)
下面小編就為大家?guī)硪黄獪\析Javascript中bind()方法的使用與實現(xiàn)。小編覺得挺2016-05-05
這篇文章主要介紹了Javascript面向切面編程，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧2019-04-04
在開發(fā)過程中可能會使用js實現(xiàn)拖拽等相關功能，本文將以此問題進行深入介紹，需要了解的朋友可以參考下2012-11-11
本文主要給大家介紹bootstrap組件的知識，涉及到bootstrap, 組件, 字體圖標, 上拉菜單的相關知識，非常具有參考借鑒價值，感興趣的朋友一起學習吧2016-05-05