$(document.documentElement).bind("click",function(e){
var e = e||window.event;
var o = e.srcElement?e.srcElement:e.target
if(o){
alert(o.tagName);
}
});
一个小例子
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<script type="text/javascript" src="jquery-1.7.2.min.js"></script>
<style type="text/css">
#mesg{
width:152px;
height:120px;
background:#ECEEFE;
border:1px solid #CED3FC;
display:none;
position:absolute;
}
.btn{
cursor:pointer;
}
</style>
<script type="text/javascript">
<!--
var m = {};
$(function(){
m={c:1,show:false,to:null,mesg:$("#mesg")[0]};
$(document.documentElement).bind("click",function(e){
if(m.show && m.c >=2){
var e = e||window.event;
var o = e.srcElement?e.srcElement:e.target;
if(o != m.to[0] && o !=m.mesg){
m.show=false;
$(m.mesg).hide();
}
}
m.c++;
});
$(".btn").bind("click",function(){
if(m.show){
m.show=false;
$(m.mesg).hide();
}else{
var mg = $("#mesg");
var to = $(this).prev();
var of = to.offset();
mg.css({"left":of.left,"top":of.top+20}).show();
m.show=true;
m.to=to;
m.c=1;
}
});
});
//-->
</script>
</head>
<body>
<input id="t1"/><image src="qq.jpg" class="btn" >
<input /><image src="qq.jpg" class="btn" >
<br/>
<br/>
<br/>
<br/>
<input /><image src="qq.jpg" class="btn">
<div id="mesg"></div>
</body>
</html>
分享到:
相关推荐
document.documentElement && document.documentElement.scrollTop
火狐、谷歌、IE关于document.body.scrollTop和document.documentElement.scrollTop 以及值为0的问题
if (document.documentElement && document.documentElement.scrollTop) diffY = document.documentElement.scrollTop; else if (document.body) diffY = document.body.scrollTop else {/*Netscape ...
[removed] function shownode() { var ohtml = document.documentElement; //alert(ohtml.nodeName); //alert(ohtml.childNodes.length); //alert(ohtml.childNodes[1].nodeName); //获取...
} else if (document.documentElement && document.documentElement.clientHeight) { // IE 6 Strict Mode winW = document.documentElement.clientWidth; winH = document.documentElement....
用javascript地址栏显示源码: javascript:s=document.documentElement.outerHTML;document.write('<body></body>');document.body.innerText=s;
页面指定了DTD,即指定了DOCTYPE时,使用document.documentElement。 页面没有DTD,即没指定DOCTYPE时,使用document.body。 IE和Firefox都是如此。 以上这篇解决VUE中document.body.scrollTop为0的问题就是小编分享...
if(document.documentElement&&document;.documentElement.scrollTop) { scrollTop=document.documentElement.scrollTop; } else if(document.body) { scrollTop=document.body.scrollTop; } ...
上次的测试说明了document.body属性并不会给我们返回预期的结果,比如我们用document.body.clientHeight原本想取得“页面可见区域高度”,可实际上返回的是“页面实际内容高度”。 那我们怎么办呢?难道加上了文档...
举个例子: Css:假定进行如下简单设置;...} JS: 代码如下: function(){ window.scrollBy(0,100);... 附注:当滚动条到达页面最底部时,window.pageYOffset=1000-document.documentElement.clientHeight;
一个对XmlDocument的DocumentElement 以及其属性Attributes进行访问的类库函数。
有没有见过很多在页面的右下角有个【回到顶端... if (document.documentElement && document.documentElement.scrollTop) { var _con = document.documentElement; } else if (document.body) { var _con = document.b
对于document.compatMode,很多朋友可能都根我一样很少接触,知道他的存在却不清楚他的用途。其实这个对于我们开发兼容性的web页面还是很有帮助,我们都知道,盒模型的渲染在 Standards Mode和Quirks Mode是有很大...
首先这里声明一下,关于我测试浏览器的版本是chrome15.0.874... if (document.documentElement && document.documentElement.scrollTop) { t = document.documentElement.scrollTop;//滚动条的顶端 l = document.doc
其实这段代码在之前的 “ 用 Javascript 实现锚点(Anchor)间平滑跳转” 一文已经介绍过了,但是由于这个需求并且经常用到,... if (document.documentElement && document.documentElement.scrollTop) { t = document.d
JavaScript获取网页的宽高及如何兼容详解 很多场景下会需要获取当前网页的宽高来达到一些... console.log(document.documentElement.clientWidth); console.log(document.documentElement.clientHeight); docum
在实际应用中经常会遇到以下问题:document.documentElement.scrollTop在Chrome里总为0document.body.scrollTop 在IE和firefox里总为01、各浏览器下 window.pageYOffset/document.documentElement.scrollTop/...
body是DOM对象里的body子节点,即body标签,documentElement 是整个节点树的根节点root,详细介绍请看本文,感兴趣的朋友可以参考下