jquery - 左键单击 + 按住 = 添加复选框

Question

html

  <button>a</button>
  <div class="headerer">
     <p>visit <a href="http://reigel-codes.co.cc">reigel-codes.co.cc</a></p>
  </div>

问题

如何通过按住左键单击在 之后添加复选框？..然后在释放左键时停止添加...

到目前为止我已经尝试过

$(document).ready(function(){
   $('button').mousedown(function(){
    $(this).after('<input type="checkbox">')
  });
})

Answer 1

mousedown没有自动重复，但您可以通过 setInterval 创建一个然后将其关闭mouseup通过clearInterval 。例如:

$(document).ready(function(){
    var addHandle, addTarget;

    addHandle = 0;

    $('button')
        .mousedown(function(){
            if (!addHandle) {
                addTarget = $(this);
                addHandle = setInterval(doTheAdd, 250); // Or whatever interval you want
            }
        })
        .bind('mouseup mouseleave', (function(){
            if (addHandle) {
                clearInterval(addHandle);
                addHandle = 0;
                addTarget = undefined;
            }
        });

    function doTheAdd() {
        if (addTarget) {
            addTarget.after('<input type="checkbox">');
        }
    }
});

一定要测试你的目标浏览器，我不会100%确定其中一些浏览器不吃mousedown和mouseup在按钮上。

编辑向jAndy喊出关于mouseleave的观点，编辑上面的内容来使用它。