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右键菜单contextMenu使用实例
Sep 28 Javascript
js操作iframe兼容各种主流浏览器示例代码
Jul 22 Javascript
jquery ready(fn)事件使用介绍
Aug 21 Javascript
jquery数组之存放checkbox全选值示例代码
Dec 20 Javascript
easyui datagrid 键盘上下控制选中行示例
Mar 31 Javascript
理解Javascript文件动态加载
Jan 29 Javascript
js实现股票实时刷新数据案例
May 14 Javascript
利用Node.js批量抓取高清妹子图片实例教程
Aug 02 Javascript
angularjs1.5 组件内用函数向外传值的实例
Sep 30 Javascript
详解关于element el-button使用$attrs的一个注意要点
Nov 09 Javascript
vue2.0实现列表数据增加和删除
Jun 17 Javascript
Vue实现Header渐隐渐现效果的实例代码
Nov 05 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 输出URL的快捷方式示例代码
2013/09/22 PHP
PHP基于接口技术实现简单的多态应用完整实例
2017/04/26 PHP
解决PHP Opcache 缓存刷新、代码重载出现无法更新代码的问题
2020/08/24 PHP
用javascript来实现动画导航效果的代码
2007/12/16 Javascript
json跟xml的对比分析
2008/06/10 Javascript
jQuery 插件 将this下的div轮番显示
2009/04/09 Javascript
Mootools 1.2教程(2) DOM选择器
2009/09/14 Javascript
js 事件处理函数间的Event物件是否全等
2011/04/08 Javascript
JavaScript 上万关键字瞬间匹配实现代码
2013/07/07 Javascript
js 遍历json返回的map内容示例代码
2013/10/29 Javascript
开源的javascript项目Kissy介绍
2014/11/28 Javascript
AngularJS 简单应用实例
2016/07/28 Javascript
微信小程序 网络请求(GET请求)详解
2016/11/16 Javascript
Bootstrap CSS组件之导航条(navbar)
2016/12/17 Javascript
node.js程序作为服务并在windows下开机自启动(用forever)
2017/03/29 Javascript
NodeJs搭建本地服务器之使用手机访问的实例讲解
2018/05/12 NodeJs
vue-cli3 从搭建到优化的详细步骤
2019/01/20 Javascript
详解javascript设计模式三:代理模式
2019/03/25 Javascript
node学习笔记之读写文件与开启第一个web服务器操作示例
2019/05/29 Javascript
vue实现抖音时间转盘
2019/09/08 Javascript
微信小程序用canvas画图并分享
2020/03/09 Javascript
在antd Form表单中select设置初始值操作
2020/11/02 Javascript
[01:13:18]Secret vs Infamous 2019国际邀请赛淘汰赛 败者组 BO3 第一场 8.23
2019/09/05 DOTA
Python实现方便使用的级联进度信息实例
2015/05/05 Python
Python rstrip()方法实例详解
2018/11/11 Python
Python cookie的保存与读取、SSL讲解
2020/02/17 Python
python异步Web框架sanic的实现
2020/04/27 Python
美国网上订购鲜花:FTD
2016/09/23 全球购物
玉兰油美国官网:OLAY美国
2018/10/25 全球购物
Lululemon英国官网:加拿大瑜伽服装品牌
2019/01/14 全球购物
交通安全教育制度
2014/02/02 职场文书
团日活动总结报告
2014/06/25 职场文书
商务经理岗位职责
2014/08/03 职场文书
2015年维修电工工作总结
2015/04/25 职场文书
小学生组织委员竞选稿
2015/11/21 职场文书
详解Oracle数据库中自带的所有表结构(sql代码)
2021/11/20 Oracle