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 autocomplete插件修改
Apr 17 Javascript
统计出现最多的字符次数的js代码
Dec 03 Javascript
在IE 浏览器中使用 jquery的fadeIn() 效果 英文字符字体加粗
Jun 02 Javascript
php对mongodb的扩展(小试牛刀)
Nov 11 Javascript
JavaScript改变HTML元素的样式改变CSS及元素属性
Nov 12 Javascript
javascript实现避免页面按钮重复提交
Jan 08 Javascript
javascript中传统事件与现代事件
Jun 23 Javascript
vue双向数据绑定原理探究(附demo)
Jan 17 Javascript
jQuery实现html双向绑定功能示例
Oct 09 jQuery
JS实现判断图片是否加载完成的方法分析
Jul 31 Javascript
浅谈在不使用ssr的情况下解决Vue单页面SEO问题(2)
Nov 08 Javascript
小程序日历控件使用方法详解
Dec 29 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
apache rewrite_module模块使用教程
2008/01/10 PHP
php利用单例模式实现日志处理类库
2014/02/10 PHP
在PHP程序中使用Rust扩展的方法
2015/07/03 PHP
PHP+Mysql+jQuery文件下载次数统计实例讲解
2015/10/10 PHP
yii实现使用CUploadedFile上传文件的方法
2015/12/28 PHP
TP5框架页面跳转样式操作示例
2020/04/05 PHP
JQuery 写的个性导航菜单
2009/12/24 Javascript
用jquery实现点击栏目背景色改变
2012/12/10 Javascript
解决html按钮切换绑定不同函数后点击时执行多次函数问题
2014/05/14 Javascript
js实现文章文字大小字号功能完整实例
2014/11/01 Javascript
js验证身份证号有效性并提示对应信息
2015/10/19 Javascript
js实现简单的手风琴效果
2017/02/27 Javascript
VUE前端cookie简单操作
2017/10/17 Javascript
vue-router重定向和路由别名的使用讲解
2019/01/19 Javascript
详解微信小程序自定义组件的实现及数据交互
2019/07/22 Javascript
Vue项目前后端联调(使用proxyTable实现跨域方式)
2020/07/18 Javascript
[13:40]TI3青蛙君全程回顾 DOTA2我们为梦想再战
2013/09/13 DOTA
[50:04]DOTA2上海特级锦标赛D组小组赛#2 Liquid VS VP第二局
2016/02/28 DOTA
[01:16:37]【全国守擂赛】第三周决赛 Dark Knight vs. 一个弱队
2020/05/04 DOTA
Django中提供的6种缓存方式详解
2019/08/05 Python
Python FTP文件定时自动下载实现过程解析
2019/11/12 Python
对tensorflow中的strides参数使用详解
2020/01/04 Python
python解释器pycharm安装及环境变量配置教程图文详解
2020/02/26 Python
python实现opencv+scoket网络实时图传
2020/03/20 Python
AmazeUI 输入框组的示例代码
2020/08/14 HTML / CSS
英国二手iPhone、音乐、电影和游戏商店:musicMagpie
2018/10/26 全球购物
网络通讯中,端口有什么含义,端口的取值范围
2012/11/23 面试题
大学生毕业的自我评价分享
2014/01/02 职场文书
竞职演讲稿范文
2014/01/11 职场文书
细节决定成败演讲稿
2014/05/12 职场文书
2014年银行员工工作总结
2014/11/12 职场文书
2015年员工工作表现评语
2015/03/25 职场文书
幼师辞职信范文大全
2015/05/12 职场文书
PyTorch dropout设置训练和测试模式的实现
2021/05/27 Python
python实现自定义日志的具体方法
2021/05/28 Python
JavaScript parseInt0.0000005打印5原理解析
2022/07/23 Javascript