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 相关文章推荐
JavaScript中的apply()方法和call()方法使用介绍
Jul 25 Javascript
jQuery中对节点进行操作的相关介绍
Apr 16 Javascript
jquery 滚动条事件简单实例
Jul 12 Javascript
jQuery学习笔记之 Ajax操作篇(三) - 过程处理
Jun 23 Javascript
JavaScript中的Primitive对象封装介绍
Dec 31 Javascript
JS清除文本框内容离开在恢复及鼠标离开文本框时触发js的方法
Jan 12 Javascript
jQuery操作属性和样式详解
Apr 13 Javascript
浅析jQuery事件之on()方法绑定多个选择器,多个事件
Apr 27 Javascript
基于javascript实现按圆形排列DIV元素(一)
Dec 02 Javascript
angular4模块中给标签添加背景图的实现方法
Sep 15 Javascript
vue 巧用过渡效果(小结)
Sep 22 Javascript
使用JavaScript解析URL的方法示例
Mar 01 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随机数生成代码与使用实例分析
2011/04/08 PHP
PHP开发框架kohana3 自定义路由设置示例
2014/07/14 PHP
比较全的JS checkbox全选、取消全选、删除功能代码
2008/12/19 Javascript
JS制作简单的三级联动
2015/03/18 Javascript
javascript检测flash插件是否被禁用的方法
2016/01/14 Javascript
JavaScript中创建对象的模式汇总
2016/04/19 Javascript
JavaScript中Number对象的toFixed() 方法详解
2016/09/02 Javascript
jQuery easyui刷新当前tabs的方法
2016/09/23 Javascript
jquery popupDialog 使用 加载jsp页面的方法
2016/10/25 Javascript
jQuery实现在新增加的元素上添加事件方法案例分析
2017/02/09 Javascript
Angular2库初探
2017/03/01 Javascript
jQuery实现 上升、下降、删除、添加一行代码
2017/03/06 Javascript
jQuery插件FusionCharts实现的MSBar3D图效果示例【附demo源码】
2017/03/23 jQuery
Vue.js仿Metronic高级表格(一)静态设计
2017/04/17 Javascript
用nodejs实现json和jsonp服务的方法
2017/08/25 NodeJs
js时间戳与日期格式之间相互转换
2017/12/11 Javascript
详解基于Vue,Nginx的前后端不分离部署教程
2018/12/04 Javascript
jQuery时间戳和日期相互转换操作示例
2018/12/07 jQuery
js实现提交前对列表数据的增删改查
2020/01/16 Javascript
Vue实现仿iPhone悬浮球的示例代码
2020/03/13 Javascript
[02:14]2016国际邀请赛中国区预选赛Ehome晋级之路
2016/07/01 DOTA
教你如何将 Sublime 3 打造成 Python/Django IDE开发利器
2014/07/04 Python
python定时检查某个进程是否已经关闭的方法
2015/05/20 Python
浅谈pandas中DataFrame关于显示值省略的解决方法
2018/04/08 Python
selenium+python实现1688网站验证码图片的截取功能
2018/08/14 Python
python实现文法左递归的消除方法
2020/05/22 Python
用纯css3和html制作泡沫对话框实现代码
2013/03/21 HTML / CSS
彼得罗夫美国官网:Peter Thomas Roth美国(青瓜面膜)
2017/11/05 全球购物
瑞士网球商店:Tennis-Point
2020/03/12 全球购物
高中三年学习生活的自我评价
2013/10/10 职场文书
检查接待方案
2014/02/27 职场文书
法律专业自荐信
2014/06/03 职场文书
校园绿化美化方案
2014/06/08 职场文书
专家推荐信怎么写
2015/03/25 职场文书
民事代理词范文
2015/05/25 职场文书
小平小道观后感
2015/06/09 职场文书