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 相关文章推荐
js停止输出代码
Jul 20 Javascript
javascript+xml实现简单图片轮换(只支持IE)
Dec 23 Javascript
jfinal与bootstrap的登录跳转实战演习
Sep 22 Javascript
AngularJS使用ngOption实现下拉列表的实例代码
Jan 23 Javascript
完善的jquery处理机制
Feb 21 Javascript
JavaScript事件代理和委托详解
Apr 08 Javascript
详解Bootstrap的iCheck插件checkbox和radio
Aug 24 Javascript
分享JS代码实现鼠标放在输入框上输入框和图片同时更换样式
Sep 01 Javascript
jquery Easyui Datagrid实现批量操作(编辑,删除,添加)
Feb 20 Javascript
浅谈关于angularJs中使用$.ajax的注意点
Aug 12 Javascript
简单实现vue验证码60秒倒计时功能
Oct 11 Javascript
javascript实现简易的计算器
Jan 17 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使用mb_check_encoding检查字符串在指定的编码里是否有效
2013/11/07 PHP
php根据操作系统转换文件名大小写的方法
2014/02/24 PHP
php上传文件问题汇总
2015/01/30 PHP
php文件读取方法实例分析
2015/06/20 PHP
Symfony2实现从数据库获取数据的方法小结
2016/03/18 PHP
PHP简单实现模拟登陆功能示例
2017/09/15 PHP
ThinkPHP框架使用redirect实现页面重定向的方法实例分析
2018/04/12 PHP
Mozilla中显示textarea中选择的文字
2006/09/07 Javascript
JavaScript 编程引入命名空间的方法
2007/06/29 Javascript
jQuery对象和DOM对象使用说明
2010/06/25 Javascript
关于eval 与new Function 到底该选哪个?
2013/04/17 Javascript
JQuery获取与设置HTML元素的内容或文本的实现代码
2014/06/20 Javascript
node.js中的http.response.end方法使用说明
2014/12/14 Javascript
详解JavaScript中循环控制语句的用法
2015/06/03 Javascript
谈谈javascript中使用连等赋值操作带来的问题
2015/11/26 Javascript
微信小程序日历组件calendar详解及实例
2017/06/08 Javascript
详细分析JS函数去抖和节流
2017/12/05 Javascript
Vue中使用vue-i18插件实现多语言切换功能
2018/04/25 Javascript
vue实现双向绑定和依赖收集遇到的坑
2018/11/29 Javascript
create-react-app中添加less支持的实现
2019/11/15 Javascript
压缩Vue.js打包后的体积方法总结(Vue.js打包后体积过大问题)
2020/02/03 Javascript
VUE中使用HTTP库Axios方法详解
2020/02/05 Javascript
Python版实现微信公众号扫码登陆
2020/05/28 Javascript
微信小程序12行js代码自己写个滑块功能(推荐)
2020/07/15 Javascript
python通过get,post方式发送http请求和接收http响应的方法
2015/05/26 Python
浅析python协程相关概念
2018/01/20 Python
Python使用Turtle库绘制一棵西兰花
2019/11/23 Python
CSS3 实现侧边栏展开收起动画
2014/12/22 HTML / CSS
三八红旗手先进事迹材料
2014/05/13 职场文书
大学生就业指导课心得体会
2016/01/15 职场文书
来探秘“德国中小企业”的成功之道
2019/07/26 职场文书
Golang全局变量加锁的问题解决
2021/05/08 Golang
Python循环之while无限迭代
2022/04/30 Python
关于mysql中string和number的转换问题
2022/06/14 MySQL
Zabbix对Kafka topic积压数据监控的问题(bug优化)
2022/07/07 Servers
javascript中Set、Map、WeakSet、WeakMap区别
2022/12/24 Javascript