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 相关文章推荐
简单的JS多重继承示例
Mar 13 Javascript
jQuery 自动增长的文本输入框实现代码
Apr 02 Javascript
jquery 取子节点及当前节点属性值的方法
Aug 24 Javascript
Javascript控制input输入时间格式的方法
Jan 28 Javascript
javascript实现全角半角检测的方法
Jul 23 Javascript
jquery仅用6行代码实现滑动门效果
Sep 07 Javascript
使用bootstrap实现多窗口和拖动效果
Sep 22 Javascript
js在ie下打开对话窗口的方法小结
Oct 24 Javascript
JS实现点击按钮可实现编辑功能
Jul 03 Javascript
Vue图片浏览组件v-viewer用法分析【支持旋转、缩放、翻转等操作】
Nov 04 Javascript
vue 中几种传值方法(3种)
Nov 12 Javascript
vue远程加载sfc组件思路详解
Dec 25 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
一个用于MySQL的PHP XML类
2006/10/09 PHP
PHP下利用shell后台运行PHP脚本,并获取该脚本的Process ID的代码
2011/09/19 PHP
如何用php生成扭曲及旋转的验证码图片
2013/06/07 PHP
zf框架的registry(注册表)使用示例
2014/03/13 PHP
smarty简单应用实例
2015/11/03 PHP
ThinkPHP表单令牌错误的相关解决方法分析
2016/05/20 PHP
PHP微信开发之查询城市天气
2016/06/23 PHP
PHP正则匹配操作简单示例【preg_match_all应用】
2017/07/10 PHP
jQuery 获取对象 根据属性、内容匹配, 还有表单元素匹配
2010/05/31 Javascript
JQuery 在文档中查找指定name的元素并移除的实现方法
2016/05/19 Javascript
jQuery简单设置文本框回车事件的方法
2016/08/01 Javascript
JS使用面向对象技术实现的tab选项卡效果示例
2017/02/28 Javascript
javascript 中Cookie读、写与删除操作
2017/03/29 Javascript
vue.js自定义组件directives的实例代码
2018/11/09 Javascript
详解Vue中的基本语法和常用指令
2019/07/23 Javascript
解决layUI的页面显示不全的问题
2019/09/20 Javascript
[01:20:38]完美世界DOTA2联赛 GXR vs IO 第一场 11.07
2020/11/09 DOTA
Python计算回文数的方法
2015/03/11 Python
使用Django的模版来配合字符串翻译工作
2015/07/27 Python
python字典键值对的添加和遍历方法
2016/09/11 Python
pycharm中连接mysql数据库的步骤详解
2017/05/02 Python
python 读取excel文件生成sql文件实例详解
2017/05/12 Python
python提取xml里面的链接源码详解
2019/10/15 Python
Python 读取xml数据,cv2裁剪图片实例
2020/03/10 Python
在Keras中利用np.random.shuffle()打乱数据集实例
2020/06/15 Python
CSS3属性使网站设计增强同时不消弱可用性
2009/08/29 HTML / CSS
Amara美国站:英国高端家居礼品网站,世界各地的奢侈家具品牌
2017/07/26 全球购物
澳大利亚家庭花园和DIY工具网店:VidaXL
2019/05/03 全球购物
德国家用电器购物网站:Premiumshop24
2019/08/22 全球购物
BSTN意大利:德国街头和运动文化高品质商店
2020/12/22 全球购物
即兴演讲稿
2014/01/04 职场文书
小区门卫岗位职责范本
2014/08/24 职场文书
纪检干部个人对照检查材料
2014/09/23 职场文书
入党积极分子党小组意见
2015/06/02 职场文书
大学生十八大感想
2015/08/11 职场文书
祝福语集锦:给妹妹结婚的祝福语
2019/12/18 职场文书