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实现根据时间段显示问候语的方法
Jun 18 Javascript
基于javascript实现仿百度输入框自动匹配功能
Jan 03 Javascript
jquery表单插件Autotab使用方法详解
Jun 24 Javascript
vue2.0开发实践总结之疑难篇
Dec 07 Javascript
webuploader分片上传的实现代码(前后端分离)
Sep 10 Javascript
js拖动滑块和点击水波纹效果实例代码
Oct 16 Javascript
Node.js中的不安全跳转如何防御详解
Oct 21 Javascript
使用vue-cli webpack 快速搭建项目的代码
Nov 21 Javascript
Vue一次性简洁明了引入所有公共组件的方法
Nov 28 Javascript
基于Vue组件化的日期联动选择器功能的实现代码
Nov 30 Javascript
如何检查一个对象是否为空
Apr 11 Javascript
layui 上传图片 返回图片地址的方法
Sep 26 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
ThinkPHP中order()使用方法详解
2016/04/19 PHP
laravel-admin 在列表页添加自定义按钮的例子
2019/09/30 PHP
JavaScript中的new的使用方法与注意事项
2007/05/16 Javascript
javascript 添加和移除函数的通用方法
2009/10/20 Javascript
javascript中encodeURI和decodeURI方法使用介绍
2013/05/06 Javascript
使用jquery prev()方法找到同级的前一个元素
2014/07/11 Javascript
javascript中关于&amp;&amp; 和 || 表达式的小技巧分享
2015/04/10 Javascript
JavaScript字符串常用类使用方法汇总
2015/04/14 Javascript
JS实现星星评分功能实例代码(两种方法)
2016/06/09 Javascript
关于javascript的一些知识以及循环详解
2016/09/12 Javascript
jQuery手指滑动轮播效果
2016/12/22 Javascript
jQuery+SpringMVC中的复选框选择与传值实例
2018/01/08 jQuery
JavaScript高级函数应用之分时函数实例分析
2018/08/03 Javascript
swiper Scrollbar滚动条组件详解
2019/09/08 Javascript
JavaScript实现PC端四格密码输入框功能
2020/02/19 Javascript
JavaScript实现图片伪异步上传过程解析
2020/04/10 Javascript
微信小程序通过websocket实时语音识别的实现代码
2020/08/19 Javascript
微信小程序连续签到7天积分获得功能的示例代码
2020/08/20 Javascript
vue3 watch和watchEffect的使用以及有哪些区别
2021/01/26 Vue.js
Python中subprocess模块用法实例详解
2015/05/20 Python
Python3模拟登录操作实例分析
2019/03/12 Python
详解Python:面向对象编程
2019/04/10 Python
Python/Django后端使用PIL Image生成头像缩略图
2019/04/30 Python
Django多进程滚动日志问题解决方案
2019/12/17 Python
Python如何使用turtle库绘制图形
2020/02/26 Python
美国知名日用品连锁超市:Dollar General(多来店)
2017/01/14 全球购物
日本最大级玩偶手办购物:あみあみ Amiami
2018/04/23 全球购物
大专生自荐信
2013/10/04 职场文书
通用求职信范文模板分享
2013/12/27 职场文书
综合实践活动方案
2014/02/14 职场文书
卫校毕业生个人自我鉴定
2014/04/28 职场文书
项目建议书怎么写
2014/05/15 职场文书
2014国庆节主题活动方案:快乐的国庆节
2014/09/16 职场文书
2014年教师工作总结
2014/11/10 职场文书
2015年复活节活动总结
2015/02/27 职场文书
Java后台生成图片的完整步骤
2021/08/04 Java/Android