为什么我的鼠标拖动经常拖一半就停了？
代码
<html>
<head>
<script type="text/javascript" src="/jquery/jquery.js"></script>
<script type="text/javascript">
$(document).ready(function(){
alert("OK");
var id=false;
$("div.ctrskill").mousedown(function(e){
id=true;
}).mousemove(function(e){
if(id){
$("div.ctrskill").css("left",e.pageX-30);
$("div.ctrskill").css("top",e.pageY-30);
}
}).mouseup(function(e){
id=false;
}).mouseleave(function(){
id=false;
});
});
</script>
<style type="text/css">
div.ctrskill{
border:black solid;
width:60px;
height:60px;
position: absolute;
left:50px;
top:50px;
}
</style>
</head>
<body>
<div class="ctrskill"></div>
</body>
</html>
代码
<html>
<head>
<script type="text/javascript" src="/jquery/jquery.js"></script>
<script type="text/javascript">
$(document).ready(function(){
alert("OK");
var id=false;
$("div.ctrskill").mousedown(function(e){
id=true;
}).mousemove(function(e){
if(id){
$("div.ctrskill").css("left",e.pageX-30);
$("div.ctrskill").css("top",e.pageY-30);
}
}).mouseup(function(e){
id=false;
}).mouseleave(function(){
id=false;
});
});
</script>
<style type="text/css">
div.ctrskill{
border:black solid;
width:60px;
height:60px;
position: absolute;
left:50px;
top:50px;
}
</style>
</head>
<body>
<div class="ctrskill"></div>
</body>
</html>
