js 鼠标点击事件及其它捕获


Posted in Javascript onJune 04, 2009

<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之类

Javascript 相关文章推荐
FireFox JavaScript全局Event对象
Jun 14 Javascript
Extjs学习笔记之六 面版
Jan 08 Javascript
潜说js对象和数组
May 25 Javascript
jQuery代码优化 选择符篇
Nov 01 Javascript
jQuery中dequeue()方法用法实例
Dec 29 Javascript
jQuery中$.extend()用法实例
Jun 24 Javascript
jQuery.Callbacks()回调函数队列用法详解
Jun 14 Javascript
深入理解Angular中的依赖注入
Jun 26 Javascript
JS库之Waypoints的用法详解
Sep 13 Javascript
Vue递归实现树形菜单方法实例
Nov 06 Javascript
详细分析React 表单与事件
Jul 08 Javascript
使用JS实现鼠标放上图片进行放大离开实现缩小功能
Jan 27 Javascript
一些常用的JS功能函数(2009-06-04更新)
Jun 04 #Javascript
javascript globalStorage类代码
Jun 04 #Javascript
IE8 兼容性问题(属性名区分大小写)
Jun 04 #Javascript
JavaScript效率调优经验
Jun 04 #Javascript
cookie丢失问题(认证失效) Authentication (用户验证信息)也会丢失
Jun 04 #Javascript
javascript 常用方法总结
Jun 03 #Javascript
Javascript 获取字符串字节数的多种方法
Jun 02 #Javascript
You might like
PHP GD库相关图像生成和处理函数小结
2016/09/30 PHP
JS与Ajax Get和Post在使用上的区别实例详解
2016/06/08 Javascript
微信小程序实战之自定义toast(6)
2017/04/18 Javascript
web前端vue filter 过滤器
2018/01/12 Javascript
vue.js移动数组位置,同时更新视图的方法
2018/03/08 Javascript
vue h5移动端禁止缩放代码
2019/10/28 Javascript
js实现点击上传图片并设为模糊背景
2020/08/02 Javascript
[32:47]完美世界DOTA2联赛 GXR vs IO 第二场 11.07
2020/11/09 DOTA
python算法学习之计数排序实例
2013/12/18 Python
Python使用minidom读写xml的方法
2015/06/03 Python
Python OpenCV实现图片上输出中文
2018/01/22 Python
python opencv 读取本地视频文件 修改ffmpeg的方法
2019/01/26 Python
VPS CENTOS 上配置python,mysql,nginx,uwsgi,django的方法详解
2019/07/01 Python
tesserocr与pytesseract模块的使用方法解析
2019/08/30 Python
python类中super() 的使用解析
2019/12/19 Python
Python中filter与lambda的结合使用详解
2019/12/24 Python
HTML5实现桌面通知 提示功能
2017/10/11 HTML / CSS
html5 Canvas实现图片旋转的示例
2018/01/15 HTML / CSS
美国购买和销售礼品卡平台:Raise
2017/01/13 全球购物
英国独特的时尚和生活方式品牌:JOY
2018/03/17 全球购物
Guess欧洲官网:美国服饰品牌
2019/08/06 全球购物
应届毕业生专业个人求职自荐信格式
2013/11/20 职场文书
质检部职责
2013/12/28 职场文书
年级组长自我鉴定
2014/02/22 职场文书
cf搞笑广告词
2014/03/14 职场文书
大学应届毕业生求职信
2014/05/24 职场文书
出差报告怎么写
2014/11/06 职场文书
优秀班主任推荐材料
2014/12/17 职场文书
优秀班组事迹材料
2014/12/24 职场文书
幼儿园教师工作总结2015
2015/04/02 职场文书
汽车质检员岗位职责
2015/04/08 职场文书
学校运动会感想
2015/08/10 职场文书
思想工作总结范文
2015/08/12 职场文书
mybatis使用oracle进行添加数据的方法
2021/04/27 Oracle
mysql对于模糊查询like的一些汇总
2021/05/09 MySQL
详解Spring Security如何在权限中使用通配符
2022/06/28 Java/Android