JS部分onmousedown不起作用,大家幫忙看看
<!DOCTYPE?html> <html> <head> <meta?charset="UTF-8"> <title></title> <style?type="text/css"> #box{ width:?400px; height:?250px; background-color:?#F0FFFF; border:?solid?cornflowerblue; top:?200px; left:?300px; position:?absolute; } #login{ width:?400px; height:?30px; border-bottom:?solid?cornflowerblue; background-color:?cornflowerblue; margin-top:-18px; } #login?p{ text-align:?center; color:#F0FFFF; font-weight:900; font-size:?large; } </style> <script?type="text/javascript"> window.onload=drag; function?drag(){ var?login=document.getElementById("login").childNodes[0]; login.onmousedown=fndown(); } function?fndown(){ document.onmousemove=function(event){ var?box=document.getElementById("box"); box.style.left=event.clientX+'px'; box.style.top=event.clientY+'px'; } } </script> </head> <body> <div?id="box"> <div?id="login"><p>登錄</p></div> </div> </body> </html>
就是鼠標不用按下去,窗口都會跟著鼠標走
2016-08-05
login.onmousedown=fndown();錯了
應該是 login.onmousedown=fndown; ? ? // 加括號調用一次,就會觸發document事件