！JS！
日期：2014-05-16 浏览次数：20411 次
求助！JS高手请进！十万火急~~
怎么在可以拖动的提示框上加一个“钉子”那样的按钮，就是当点下这个，提示框就不能拖动了。我是新手，请大家帮帮忙！万分感谢~~~！
------解决方案--------------------
一个例子,lz改改吧
IE测试通过
<html>
<head>
<meta http-equiv= "Content-Type " content= "text/html; charset=gb2312 ">
<title> 新建网页 4 </title>
<script>
var isSD=false;
var x=0;
var y=0;
var can_move=false;
function SD(){
isSD=true;
}
function JS(){
isSD=false;
}
function mouse_down(){
x=event.x;
y=event.y;
can_move=true;
}
function mouse_move(){
if(can_move&&!isSD){
var top=document.all.div1.style.top;
var left=document.all.div1.style.left;
document.all.div1.style.top=parseInt(top.substring(0,top.length-2))+(event.y-y);
document.all.div1.style.left=parseInt(left.substring(0,left.length-2))+(event.x-x);
y=event.y;
x=event.x;
}
}
function mouse_up(){
can_move=false;
}
document.onmousemove=mouse_move;
</script>
</head>
<body>
<div id=div1 onmousedown= 'mouse_down() ' onmouseup= 'mouse_up() ' style= 'position:absolute;top:100px;left:100px;width:400px;height:300px;background-color:#cccccc '>
<input type=button style= "position:absolute;top:5px;left:5px " value= "锁定 " onclick=SD()>
<input type=button style= "position:absolute;top:5px;left:50px " value= "解锁 " onclick=JS()>
<textarea style= 'position:absolute;top:30px;left:5px;width:390px;height:250px '>
</textarea> </div>
</body>
</html>
怎么在可以拖动的提示框上加一个“钉子”那样的按钮，就是当点下这个，提示框就不能拖动了。我是新手，请大家帮帮忙！万分感谢~~~！
------解决方案--------------------
一个例子,lz改改吧
IE测试通过
<html>
<head>
<meta http-equiv= "Content-Type " content= "text/html; charset=gb2312 ">
<title> 新建网页 4 </title>
<script>
var isSD=false;
var x=0;
var y=0;
var can_move=false;
function SD(){
isSD=true;
}
function JS(){
isSD=false;
}
function mouse_down(){
x=event.x;
y=event.y;
can_move=true;
}
function mouse_move(){
if(can_move&&!isSD){
var top=document.all.div1.style.top;
var left=document.all.div1.style.left;
document.all.div1.style.top=parseInt(top.substring(0,top.length-2))+(event.y-y);
document.all.div1.style.left=parseInt(left.substring(0,left.length-2))+(event.x-x);
y=event.y;
x=event.x;
}
}
function mouse_up(){
can_move=false;
}
document.onmousemove=mouse_move;
</script>
</head>
<body>
<div id=div1 onmousedown= 'mouse_down() ' onmouseup= 'mouse_up() ' style= 'position:absolute;top:100px;left:100px;width:400px;height:300px;background-color:#cccccc '>
<input type=button style= "position:absolute;top:5px;left:5px " value= "锁定 " onclick=SD()>
<input type=button style= "position:absolute;top:5px;left:50px " value= "解锁 " onclick=JS()>
<textarea style= 'position:absolute;top:30px;left:5px;width:390px;height:250px '>
</textarea> </div>
</body>
</html>
免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。
