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 相关文章推荐
ajax 文件上传应用简单实现
Mar 03 Javascript
js自动闭合html标签(自动补全html标记)
Oct 04 Javascript
JavaScript实现的圆形浮动标签云效果实例
Aug 06 Javascript
jQuery满意度星级评价插件特效代码分享
Aug 19 Javascript
js实现文本框只允许输入数字并限制数字大小的方法
Aug 19 Javascript
浅谈Javascript中Object与Function对象
Sep 26 Javascript
layui获取选中行数据的实例讲解
Aug 19 Javascript
vue响应式系统之observe、watcher、dep的源码解析
Apr 09 Javascript
vue项目中锚点定位替代方式
Nov 13 Javascript
原生javascript单例模式的应用实例分析
Feb 23 Javascript
Element Carousel 走马灯的具体实现
Jul 26 Javascript
关于小程序优化的一些建议(小结)
Dec 10 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中的日期及时间
2006/11/23 PHP
require(),include(),require_once()和include_once()区别
2008/03/27 PHP
如何利用http协议发布博客园博文评论
2015/08/03 PHP
Jquery 的扩展方法总结
2011/10/01 Javascript
js格式化时间和js格式化时间戳示例
2014/02/10 Javascript
js调试系列 控制台命令行API使用方法
2014/06/18 Javascript
关于Javascript加载执行优化的研究报告
2014/12/16 Javascript
浅谈JavaScript字符串拼接
2015/06/25 Javascript
jQuery的end()方法使用详解
2015/07/15 Javascript
一起学写js Calender日历控件
2016/04/14 Javascript
Bootstrap编写导航栏和登陆框
2016/05/30 Javascript
JS动态计算移动端rem的解决方案
2016/10/14 Javascript
JS常用算法实现代码
2016/11/14 Javascript
最通俗易懂的javascript变量提升详解
2017/08/05 Javascript
详解React项目中碰到的IE问题
2019/03/14 Javascript
微信小程序实现左侧滑动导航栏
2020/04/08 Javascript
JS面向对象编程——ES6 中class的继承用法详解
2020/03/03 Javascript
js实现菜单跳转效果
2020/12/11 Javascript
深入理解Javascript中的this关键字
2015/03/27 Python
Python编码类型转换方法详解
2016/07/01 Python
python3如何将docx转换成pdf文件
2018/03/23 Python
Python3远程监控程序的实现方法
2019/07/15 Python
pycharm通过anaconda安装pyqt5的教程
2020/03/24 Python
Python基于jieba, wordcloud库生成中文词云
2020/05/13 Python
Pycharm在指定目录下生成文件和删除文件的实现
2020/12/28 Python
HTML5 拖拽批量上传文件的示例代码
2018/03/28 HTML / CSS
Expedia印度尼西亚站:预订酒店、廉价航班和度假套餐
2018/01/31 全球购物
环境科学毕业生自荐信
2013/11/21 职场文书
后勤人员岗位职责
2013/12/17 职场文书
迟到检讨书500字
2014/02/05 职场文书
后勤管理员岗位职责
2014/08/27 职场文书
会计试用期自我评价
2014/09/19 职场文书
家装业务员岗位职责
2015/04/03 职场文书
2015年医院后勤工作总结
2015/05/20 职场文书
未婚证明格式
2015/06/15 职场文书
python计算列表元素与乘积详情
2022/08/05 Python