怎么当触发mousedown时，才能触发mousemove事件

Question

我想做一个div可以拖动，改变宽度的功能，就是当我鼠标点击触发mousedown时，才能触发mousemove事件，来获取鼠标的坐标
比如 div的id为 test

$("#test").mousedown(function(){

$("#test").mousemove(function(e){
    .......
}) 

})

这么写好像不对，但是不知道要怎么写 。

Answer 1

var isDown = false;
$('#test')
  .mousedown(function(){ isDown = true; })
  .mouseup(function(){ isDown = false; })
  .mouseove(function(e){
    if (isDown) {
      // do something
    }
  });

Answer 2

你应该用drag and drop事件写

Answer 3

$("#test").mousedown(function(){
    $("#test").mousemove(function(){...});
});
$("#test").mouseup(function(){
    $("#test").mousemove("");
});