社区
JavaScript
帖子详情
如何让层在鼠标在层外的位置点击时隐藏?
cyberworm
2004-09-30 11:41:42
用了如下的代码
<div id="theDiv"
style="visibility:hidden;z-index:1" onblur=hide()>
function hide (){
var oDiv = document.getElementById('theDiv');
oDiv.style.visibility = "hidden";
}
当时当鼠标移动到层上的一个按钮或输入框时,IE也认为离开层了.怎么才能让它在鼠标真正离开了层时
隐藏呢.
...全文
153
8
打赏
收藏
如何让层在鼠标在层外的位置点击时隐藏?
用了如下的代码 function hide (){ var oDiv = document.getElementById('theDiv'); oDiv.style.visibility = "hidden"; } 当时当鼠标移动到层上的一个按钮或输入框时,IE也认为离开层了.怎么才能让它在鼠标真正离开了层时 隐藏呢.
复制链接
扫一扫
分享
转发到动态
举报
写回复
配置赞助广告
用AI写文章
8 条
回复
切换为时间正序
请发表友善的回复…
发表回复
打赏红包
gaofaq
2004-09-30
打赏
举报
回复
<script language="JavaScript">
document.onclick = function() {
o = event.srcElement;
if (o.id != "theDiv") {
o.style.visibility = "hidden";
}
}
</script>
<body>
<div style="border: 1px solid balck" id="theDiv">
wokao
wokao a </div>
</body>
cyberworm
2004-09-30
打赏
举报
回复
还是没到点上
cnidb
2004-09-30
打赏
举报
回复
onmouseout="theDiv.style.display='none'";
cyberworm
2004-09-30
打赏
举报
回复
onmouseout的时候只要移出去就消失了,我想在页面其他位置点击时再小时,而且,onmouseout的时候,如果我把鼠标移到div上的一个button或者textfield上,hide()方法也被调用,这是为什么呢.
tpf9000
2004-09-30
打赏
举报
回复
onmouseout
hbzyduwu
2004-09-30
打赏
举报
回复
onblur=>onmouseout
cyberworm
2004-09-30
打赏
举报
回复
唉,还是自己动手丰衣足食呀.
function TimeSpan( oText, oDiv)
{
// initialize member variables
this.oText = oText;
this.oDiv = oDiv;
//if the mouse has move out the div
var mouseout = false;
oDiv.onmouseout = TimeSpan.prototype.onDivMouseOut;
oDiv.onmouseover = TimeSpan.prototype.onDivMouseOver;
oDiv.onblur = TimeSpan.prototype.onDivBlur;
}
TimeSpan.prototype.onDivMouseOut = function()
{
this.mouseout = true;
}
TimeSpan.prototype.onDivMouseOver = function()
{
this.mouseout = false;
}
TimeSpan.prototype.onDivBlur = function()
{
if(this.mouseout){
theDiv.style.visibility = "hidden";
}
}
function create(){
new TimeSpan(document.getElementById('bbb'), document.getElementById('theDiv'));
}
soonquick
2004-09-30
打赏
举报
回复
try this...
<html>
<head>
<script language="JavaScript">
function div_out() {
var eTo = window.event.toElement;
if (theDiv && eTo && !theDiv.contains(eTo))
document.all.theDiv.style.display="none";
}
</script>
</head>
<body>
<input type=button onclick="document.all.theDiv.style.display=''" value="Display">
<div style="border:1px solid pink; width:200px" id="theDiv" onmouseout="div_out()">
<a href="#">safdf</a>
<input type=text>
<button>sss</button>
</div>
</body>
</html>
如何让
层
在
鼠标
在
层
外
的
位置
点击
时
隐藏
language="JavaScript"> document.onclick = function() { o = event.srcElement; if (o.id != "theDiv") { o.style.visibility = ... 如何让
层
在
鼠标
在
层
外
的
位置
点击
时
隐藏
? </body>
鼠标
点击
层
以外的地方
层
隐藏
根据去哪儿...2、重复
点击
按钮
时
,按钮附属
层
显示
时
变
隐藏
,反之亦然; 3、如果一个页面上有两个以上这种效果,
层
会有互斥效果; http://www.dtan.so Porschev----
鼠标
点击
层
以外
HTML
鼠标
悬停显示
隐藏
div,JQ实现
鼠标
悬停显示或
隐藏
DIV
层
$(document).ready(function(){$("#div1").hide();... //标记是否可
隐藏
层
function doHide(){ //是否
隐藏
层
中这里处理if(canHide)$("#div1").hide();}$("#a1").hover(function(){ //
鼠标
进入$("#div1").sho...
vue 自定义右击弹出
层
(跟随
鼠标
位置
),包含如何
隐藏
}, 事件: //
鼠标
右击 pop(e) { console.log(e); this.mouse.left = e.pageX; this.mouse.top = e.pageY; this.isPop = true; document.addEventListener("click", () => { this.isPop = false; }); }, 样式: .pop...
react实现div
隐藏
_react
点击
空白处
隐藏
弹出
层
点击
空白处
隐藏
弹出
层
的原理是:在 document 上绑定事件来
隐藏
弹出
层
,这样
点击
任何元素的
时
候都会冒泡到 document 上,都会执行
隐藏
弹出
层
的功能。然后我们在不需要
隐藏
弹出
层
的元素上阻止冒泡即可。class Select ...
JavaScript
87,901
社区成员
224,618
社区内容
发帖
与我相关
我的任务
JavaScript
Web 开发 JavaScript
复制链接
扫一扫
分享
社区描述
Web 开发 JavaScript
社区管理员
加入社区
获取链接或二维码
近7日
近30日
至今
加载中
查看更多榜单
社区公告
暂无公告
试试用AI创作助手写篇文章吧
+ 用AI写文章