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 加载和执行-性能提高篇
Dec 28 Javascript
jquery(hide方法)隐藏指定元素实例
Nov 11 Javascript
JS父页面与子页面相互传值方法
Mar 05 Javascript
jquery 实现两Select 标签项互调示例代码
Sep 25 Javascript
jquery实现将获取的颜色值转换为十六进制形式的方法
Dec 20 Javascript
JS获得图片alt信息的方法
Apr 01 Javascript
jQuery UI Grid 模态框中的表格实例代码
Apr 01 jQuery
Vue如何引入远程JS文件
Apr 20 Javascript
Vue完整项目构建(进阶篇)
Feb 10 Javascript
VUE搭建手机商城心得和遇到的坑
Feb 21 Javascript
解决vue刷新页面以后丢失store的数据问题
Aug 11 Javascript
WebStorm中如何将自己的代码上传到github示例详解
Oct 28 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
菜鸟修复电子管记
2021/03/02 无线电
CodeIgniter php mvc框架 中国网站
2008/05/26 PHP
在Windows系统上安装PHP运行环境文字教程
2010/07/19 PHP
php中全局变量global的使用演示代码
2011/05/18 PHP
php在页面中调用fckeditor编辑器的方法
2011/06/10 PHP
Laravel核心解读之异常处理的实践过程
2019/02/24 PHP
JavaScript去掉空格的方法集合
2010/12/28 Javascript
js 3种归并操作的实例代码
2013/10/30 Javascript
jquery实现隐藏在左侧的弹性弹出菜单效果
2015/09/18 Javascript
javascript函数命名的三种方式及区别介绍
2016/03/22 Javascript
总结AngularJS开发者最常犯的十个错误
2016/08/31 Javascript
BootStrap实现手机端轮播图左右滑动事件
2016/10/13 Javascript
jQuery实现根据生日计算年龄 星座 生肖
2016/11/23 Javascript
node.JS md5加密中文与php结果不一致的解决方法
2017/05/05 Javascript
React学习笔记之事件处理(二)
2017/07/02 Javascript
jQuery实现点击关注和取消功能
2017/07/03 jQuery
Angular 2.0+ 的数据绑定的实现示例
2017/08/09 Javascript
JavaScript定义函数的三种实现方法
2017/09/23 Javascript
vue2.0使用swiper组件实现轮播效果
2017/11/27 Javascript
浅谈React + Webpack 构建打包优化
2018/01/23 Javascript
Vue 动态添加路由及生成菜单的方法示例
2019/06/20 Javascript
在LayUI图片上传中,解决由跨域问题引起的请求接口错误的方法
2019/09/24 Javascript
js实现点击生成随机div
2020/01/16 Javascript
JavaScript函数Call、Apply原理实例解析
2020/02/17 Javascript
ES6 十大特性简介
2020/12/09 Javascript
详解Python的Django框架中inclusion_tag的使用
2015/07/21 Python
Python中的字符串查找操作方法总结
2016/06/27 Python
python获取外网IP并发邮件的实现方法
2017/10/01 Python
Python干货:分享Python绘制六种可视化图表
2018/08/27 Python
自定义Django默认的sitemap站点地图样式
2020/03/04 Python
Matplotlib中%matplotlib inline如何使用
2020/07/28 Python
Ralph Lauren意大利官方网站:时尚界最负盛名的品牌之一
2018/10/18 全球购物
德国汽车零件和汽车配件网上商店:kfzteile24
2018/11/14 全球购物
机电工程学生自荐信范文
2013/12/07 职场文书
自我鉴定总结
2014/03/24 职场文书
离婚协议书怎么写2014
2014/09/30 职场文书