js捕获所有鼠标点击事件及其它
2009-06-04 15:07
375 查看
<body>
<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()
{
}
这样可以重写一个内置对象的事件或方法,但只限于document,window,同样方式你可以重写alert之类
<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()
{
}
这样可以重写一个内置对象的事件或方法,但只限于document,window,同样方式你可以重写alert之类
相关文章推荐
- js 鼠标点击事件及其它捕获
- js 鼠标点击事件及其它捕获
- C# 事件穿透 事件冒泡 鼠标点击后在父级控件捕获
- iOS WebView 如何通过js获取网页中所有图片并加入点击事件,实现浏览图片的功能
- js 捕获鼠标事件
- 利用js脚本模拟鼠标点击事件
- js鼠标事件/onclick/鼠标点击/光标移开
- 02 js鼠标点击事件在各个浏览器中的写法及Event对象属性介绍
- JS之鼠标点击事件
- 使用JS或jQuery模拟鼠标点击a标签事件代码
- js鼠标点击事件在各个浏览器中的写法及Event对象属性介绍
- 捕获外部程序中TListView控件的鼠标右键点击事件
- js捕获鼠标右键菜单中的粘帖事件实现代码
- C# 事件穿透 事件冒泡 鼠标点击后在父级控件捕获
- js给li标签中的所有a标签加点击事件
- C#钩子类 几乎捕获键盘鼠标所有事件
- 使用JS或jQuery模拟鼠标点击a标签事件代码
- js鼠标点击弹出层点击其它地方消失
- JS鼠标事件(监听鼠标点击/释放,鼠标悬停/离开等)
- 各位大虾请帮忙 如何实现用鼠标点击datagrid的某一行然后用js获得选中行的所有值