页面点击其他地方时进行某些操作
2017-04-24 10:33
218 查看
<div class="div">点击其他地方把我隐藏</div>
js内容
$(document).bind("click",function(){
if($(this).attr("class")!="div"){$(".div").hide(); } X这样写是错的啊!!你使用document捆绑的所以这个this指的是document。你如果想要得到你点击的那个元素。你要写成$(event.srcElement)
else{ $(".div").show(); }
})
//总结:注意this和event.srcElement的区别和用法。
1. this 是 javascript 的关键字,而 window.event.srcElement 则是 DOM 中的一个属性。
2. this 必须只有在事件响应函数中使用才会有 “表示当前发生事件的控件” 的指代效果,而 event.srcElement 则在任何位置下引用都能指代触发事件的事件源。
3. this 指代的只是当前引发(发生)事件的控件对象,而不一定是触发事件的最原始的事件源对象,而 event.srcElement 则只固定指代最原始的触发事件的事件源对象。
js内容
$(document).bind("click",function(){
if($(this).attr("class")!="div"){$(".div").hide(); } X这样写是错的啊!!你使用document捆绑的所以这个this指的是document。你如果想要得到你点击的那个元素。你要写成$(event.srcElement)
else{ $(".div").show(); }
})
//总结:注意this和event.srcElement的区别和用法。
1. this 是 javascript 的关键字,而 window.event.srcElement 则是 DOM 中的一个属性。
2. this 必须只有在事件响应函数中使用才会有 “表示当前发生事件的控件” 的指代效果,而 event.srcElement 则在任何位置下引用都能指代触发事件的事件源。
3. this 指代的只是当前引发(发生)事件的控件对象,而不一定是触发事件的最原始的事件源对象,而 event.srcElement 则只固定指代最原始的触发事件的事件源对象。
相关文章推荐
- js点击页面其他地方,对目标进行操作比如隐藏div
- 退出后点击浏览器后退不能回到成功页面;直接进入页面和跳转进入页面样式不同;防止直接输入页面地址或servlet;当servlet跳servlet时,进行其他操作后后退出现错误!
- jQuery点击页面上某元素之外的地方进行指定操作
- 点击td对同行的其他td进行操作
- js 点击页面其他地方关闭弹出层
- jQuery 怎么实现点击页面其他地方隐藏菜单?
- JSP 页面保存或者提交数据时,弹出浮层防止用户在保存过程中进行其他操作
- 键盘操作往往需要添加一个遮盖层,防止点击其他地方导致出错
- jQuery 实现点击页面其他地方隐藏菜单
- 点击页面其他地方关闭弹出层
- jQuery 怎么实现点击页面其他地方隐藏菜单? 做了个按钮点击时弹出菜单,想实现点击其他地方时隐藏弹出的菜单
- jquery 点击页面其他地方实现隐藏菜单功能
- jquery 点击页面其他地方实现隐藏菜单功能
- 【 js 片段 】点击空白或者页面其他地方,关闭弹框
- javaweb当中通过点击一个按钮来触发事件进行制定页面的跳转操作
- js解决弹出摸态框时不能点击页面其他部分,只能操作摸态框
- 点击页面其他地方的时候,让弹出框消失
- 点击 Html Select 中的option标签时获得的鼠标坐标与点击页面上的其他地方存在差异
- GridView分页后跳转其他页面进行添加,编辑,删除操作后,仍返回到当前页码
- JS如何实现点击页面其他地方隐藏菜单?