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静态的动态
Sep 18 Javascript
javascript 设为首页与加入收藏兼容多浏览器代码
Jan 11 Javascript
ASP.NET jQuery 实例15 通过控件CustomValidator验证CheckBoxList
Feb 03 Javascript
图片Slider 带左右按钮的js示例
Aug 30 Javascript
connect中间件session、cookie的使用方法分享
Jun 17 Javascript
javascript使用smipleChart实现简单图表
Jan 02 Javascript
JavaScript各类型的关系图解
Oct 16 Javascript
jQuery ready()和onload的加载耗时分析
Sep 08 Javascript
jquery事件与绑定事件
Mar 16 Javascript
ES6解构赋值的功能与用途实例分析
Oct 31 Javascript
实例解析Vue.js下载方式及基本概念
May 11 Javascript
vue.js编译时给生成的文件增加版本号
Sep 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
这部番真是良心,画质好到像风景区,剧情让人跟着小公会热血沸腾
2020/03/10 日漫
解决php中Cannot send session cache limiter 的问题的方法
2007/04/27 PHP
PHP中获取内网用户MAC地址(WINDOWS/linux)的实现代码
2011/08/11 PHP
PHP通过正则表达式下载图片到本地的实现代码
2011/09/19 PHP
PHP的PSR规范中文版
2013/09/28 PHP
PHP中使用json数据格式定义字面量对象的方法
2014/08/20 PHP
php延迟静态绑定实例分析
2015/02/08 PHP
php文件上传、下载和删除示例
2020/08/28 PHP
实例介绍PHP中zip_open()函数用法
2019/02/15 PHP
ThinkPHP5&amp;5.1框架关联模型分页操作示例
2019/08/03 PHP
asp批量修改记录的代码
2008/06/25 Javascript
javascript动态创建表格及添加数据实例详解
2015/05/13 Javascript
基于jquery实现左右按钮点击的图片切换效果
2021/01/27 Javascript
jQuery Easyui Datagrid实现单行的上移下移及保存移动的结果
2016/08/15 Javascript
实现微信小程序的wxml文件和wxss文件在webstrom的支持
2017/06/12 Javascript
JS实现颜色的10进制转化成rgba格式的方法
2017/09/04 Javascript
web前端页面生成exe可执行文件的方法
2018/02/08 Javascript
深入浅出了解Node.js Streams
2019/05/27 Javascript
JavaScript实现京东快递单号查询
2020/11/30 Javascript
使用python删除nginx缓存文件示例(python文件操作)
2014/03/26 Python
跟老齐学Python之??碌某?? target=
2014/09/12 Python
Python中实现对Timestamp和Datetime及UTC时间之间的转换
2015/04/08 Python
Python获取邮件地址的方法
2015/07/10 Python
Python使用Paramiko模块编写脚本进行远程服务器操作
2016/05/05 Python
python 3.7.0 安装配置方法图文教程
2018/08/27 Python
PyCharm更改字体和界面样式的方法步骤
2019/09/27 Python
Python使用type动态创建类操作示例
2020/02/29 Python
keras自定义回调函数查看训练的loss和accuracy方式
2020/05/23 Python
css3新单位vw、vh的使用教程
2018/03/23 HTML / CSS
Linux中如何用命令创建目录
2015/01/12 面试题
拉丁舞学习者的自我评价
2013/10/27 职场文书
韩国商务邀请函
2014/01/14 职场文书
联谊会主持词
2014/03/26 职场文书
2014年设计师工作总结
2014/11/25 职场文书
小学教师个人总结
2015/02/05 职场文书
MySQL 存储过程的优缺点分析
2021/05/20 MySQL