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 相关文章推荐
了解jQuery技巧来提高你的代码
Jan 08 Javascript
在jQuery ajax中按钮button和submit的区别分析
Oct 07 Javascript
详解Bootstrap各式各样的按钮(推荐)
Dec 13 Javascript
老生常谈js中0到底是 true 还是 false
Mar 08 Javascript
vue+mockjs模拟数据实现前后端分离开发的实例代码
Aug 08 Javascript
ionic2屏幕适配实现适配手机、平板等设备的示例代码
Aug 11 Javascript
PHP 实现一种多文件上传的方法
Sep 20 Javascript
Angular.js通过自定义指令directive实现滑块滑动效果
Oct 13 Javascript
JavaScript数据结构之双向链表和双向循环链表的实现
Nov 28 Javascript
基于vue2.x的电商图片放大镜插件的使用
Jan 22 Javascript
浅谈FastClick 填坑及源码解析
Mar 02 Javascript
Vue框架里使用Swiper的方法示例
Sep 20 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中如何使对象可以像数组一样进行foreach循环
2013/08/09 PHP
PHP中的多行字符串传递给JavaScript的两种方法
2014/06/19 PHP
php+mysql查询实现无限下级分类树输出示例
2016/10/03 PHP
PHP使用curl制作简易百度搜索
2016/11/03 PHP
thinkPHP实现多字段模糊匹配查询的方法
2016/12/01 PHP
Prototype使用指南之hash.js
2007/01/10 Javascript
代码获取历史上的今天发生的事
2014/04/11 Javascript
Js可拖拽放大的层拖动特效实现方法
2015/02/25 Javascript
jQuery使用cookie与json简单实现购物车功能
2016/04/15 Javascript
jQuery侧边栏实现代码
2016/05/06 Javascript
jQuery 3.0 的 setter和getter 模式详解
2016/07/11 Javascript
jquery根据td给相同tr下其他td赋值的实现方法
2016/10/05 Javascript
JavaScript实现的XML与JSON互转功能详解
2017/02/16 Javascript
详解Vue2 无限级分类(添加,删除,修改)
2017/03/07 Javascript
JavaScript 事件流、事件处理程序及事件对象总结
2017/04/01 Javascript
angular 基于ng-messages的表单验证实例
2017/05/04 Javascript
微信小程序修改数组长度的问题的解决
2019/12/17 Javascript
你知道JavaScript Symbol类型怎么用吗
2020/01/08 Javascript
vue 图片裁剪上传组件的实现
2020/11/12 Javascript
[02:42]DOTA2英雄基础教程 杰奇洛
2013/12/23 DOTA
Python ldap实现登录实例代码
2016/09/30 Python
Python骚操作之动态定义函数
2019/03/26 Python
Python turtle绘画象棋棋盘
2019/08/21 Python
Python箱型图绘制与特征值获取过程解析
2019/10/22 Python
通过python检测字符串的字母
2020/02/18 Python
突袭HTML5之Javascript API扩展2—地理信息服务及地理位置API学习
2013/01/31 HTML / CSS
HTML5和以前HTML4的区别整理
2013/10/20 HTML / CSS
Michael Kors美国官网:美式奢侈生活风格的代表
2016/11/25 全球购物
大二自我鉴定
2014/01/31 职场文书
分公司任命书
2014/06/06 职场文书
门卫岗位职责说明书
2014/08/18 职场文书
加入学生会自荐书
2015/03/05 职场文书
中学生社会实践教育活动总结
2015/05/06 职场文书
酒店开业主持词
2015/07/02 职场文书
用CSS3画一个爱心
2021/04/27 HTML / CSS
mybatis调用sqlserver存储过程返回结果集的方法
2021/05/08 SQL Server