javascript ie下实现div鼠标双击事件
有一个windowdiv,它中间包括一个titlediv和bodydiv。现在是titlediv上面已经添加了一个双击事件,作用就是使windowdiv实现最大化显示。现...
有一个window div,它中间包括一个title div和body div。
现在是title div上面已经添加了一个双击事件,
作用就是使window div 实现最大化显示。
现在的问题是,最大化以后不能返回原来的状态。
firefox下可以使用这样的方法document.getElementById("title").setAttribute("ondblclick","returnWindow()");
动态的改变ondblclick事件的方法。
ie下,模仿onclick事件做了这样的写法
document.getElementById("title").ondblclick = function(){
returnWindow();
}
这个方法不起作用。
document.getElementById("title").ondblclick = returnWindow();
这样写的话,会在程序执行最大化操作的瞬间将窗口恢复为原状。
注:
returnWindow方法的功能是将窗口恢复。
title初始的双击事件执行的方法是bigWindow。
问题是如何把title的双击事件动态的改变为returnWindow?
谢谢回答!
如果要是想要改变ondblclick事件的使用的方法应该怎样写?
请教! 展开
现在是title div上面已经添加了一个双击事件,
作用就是使window div 实现最大化显示。
现在的问题是,最大化以后不能返回原来的状态。
firefox下可以使用这样的方法document.getElementById("title").setAttribute("ondblclick","returnWindow()");
动态的改变ondblclick事件的方法。
ie下,模仿onclick事件做了这样的写法
document.getElementById("title").ondblclick = function(){
returnWindow();
}
这个方法不起作用。
document.getElementById("title").ondblclick = returnWindow();
这样写的话,会在程序执行最大化操作的瞬间将窗口恢复为原状。
注:
returnWindow方法的功能是将窗口恢复。
title初始的双击事件执行的方法是bigWindow。
问题是如何把title的双击事件动态的改变为returnWindow?
谢谢回答!
如果要是想要改变ondblclick事件的使用的方法应该怎样写?
请教! 展开
6个回答
展开全部
鼠标双击事件其实就是 ondblclick 方法,只要给 div 加上这个方法就可以实现双击事件
<html>
<body>
<div id="d1" style="background:yellow;width:100px;height:100px" ondblclick="test()"></div>
</body>
</html>
<script>
function test(){
alert("test");
}
</script>
代码如上所示。也是通过 JS 将方法直接注册给div。
document.getElementById("d1").ondblclick = function(){alert("test")}
展开全部
//执行完最大化操作后.将双击事件ondblclick重新赋值。
document.getElementById("title").ondblclick = returnWindow;
document.getElementById("title").ondblclick = returnWindow;
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
展开全部
在你的div这样写
<div id="title" ondblclick="returnWindows()//恢复原状的函数,由自己实现">内容</div>
<div id="title" ondblclick="returnWindows()//恢复原状的函数,由自己实现">内容</div>
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
展开全部
不用那么麻烦, 这是我刚写的代码, 简单的实现你的功能
<html>
<head>
<script>
var statusWin = "winmin";
function setWindow()
{
if(statusWin=="winmin")
{
document.getElementById("pupwin").style.width=500;
document.getElementById("pupwin").style.height=400;
statusWin="winmax";
}
else{
document.getElementById("pupwin").style.width=200;
document.getElementById("pupwin").style.height=80;
statusWin="winmin";
}
}
</script>
</head>
<body>
<div id=pupwin style="width:200px; border:1px solid #333333">
<div id=winTitle style="background-color:#CC0033" ondblclick="setWindow()">
标题:
</div>
<div id=winBody><br />
<br />
内容<br />
<br />
<br />
</div>
</div>
</body>
</html>
<html>
<head>
<script>
var statusWin = "winmin";
function setWindow()
{
if(statusWin=="winmin")
{
document.getElementById("pupwin").style.width=500;
document.getElementById("pupwin").style.height=400;
statusWin="winmax";
}
else{
document.getElementById("pupwin").style.width=200;
document.getElementById("pupwin").style.height=80;
statusWin="winmin";
}
}
</script>
</head>
<body>
<div id=pupwin style="width:200px; border:1px solid #333333">
<div id=winTitle style="background-color:#CC0033" ondblclick="setWindow()">
标题:
</div>
<div id=winBody><br />
<br />
内容<br />
<br />
<br />
</div>
</div>
</body>
</html>
本回答被提问者和网友采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
展开全部
<div onDoubleClick="function()">
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询