Question

我不知道如何用言语表达，所以请耐心等待。

我有一个虚拟键盘。其中有一个“退格”按钮（div），用于删除每次单击时的字符。我希望它更现实。所以问题是“如果用户按下鼠标，我该如何删除多个字符（即连续按下鼠标并且用户没有将手指从鼠标上抬起）”

<div class="dialpadnumbers">1</div>
<div class="dialpadnumbers">2</div>
<div class="dialpadnumbers">3</div>
<div class="dialpadnumbers">4</div>
<div class="dialpadnumbers">5</div>
<div class="dialpadnumbers">6</div>
<div class="dialpadnumbers">7</div>
<div class="dialpadnumbers">8</div>
<div class="dialpadnumbers">9</div>
<div class="dialpadnumbers">0</div>
<div id="dialpadbackspace" class="dialpadnumbers">Backspace</div>
<div id="dialpadcall" class="dialpadnumbers">CALL</div>

/*also the jquery for it(the one ive been using till now is),caret is the fn          
for setting caret position*/
$("#dialpadbackspace").click(function() {
    $('#dialpadentry').focus();
    var init = $("#dialpadentry").val();
    var start = $("#dialpadentry")[0].selectionStart;
    var stop = $("#dialpadentry")[0].selectionEnd;
    if (start == stop) {
        var substr = init.substring(0, start);
        var newsubstr = init.substring(0, start - 1);
        var finale = init.replace(substr, newsubstr);
        $("#dialpadentry").val(finale);
        $('#dialpadentry').caret(start - 1);
    } else {
        var substr = init.substring(start, stop);
        var finale = init.replace(substr, '');
        $("#dialpadentry").val(finale);
        $('#dialpadentry').caret(start);
    }

Answer 1

结帐setInterval。将mousedown事件绑定到setInterval，将ID存储在某处，将mouseup事件存储到clearInterval。

务必覆盖边缘情况。例如，如果用户单击您的退格键，则在不抬起鼠标按钮的情况下拖动鼠标。 onMouseOut需要绑定clearInterval。可能还有其他边缘情况。

Answer 2

试试这个

$(function () {
    var doBackspace;
    $("#dialpadbackspace").mousedown(function(e) {
        doBackspace = setInterval('$("#dialpadentry").val($("#dialpadentry").val().substr(0, $("#dialpadentry").val().length-1));',100);
    });
    $("#dialpadbackspace").mouseup(function(e) {
        clearInterval(doBackspace);
    });
})();

Answer 3

基本上在mousedown上启动一个间隔，它每隔x毫秒调用一个函数，从表盘中删除一个字符。你已经得到了两个很好的答案，所以我将发布一个快速的jsfiddle。

http://jsfiddle.net/EB29c/

单击时重复执行操作

3 个答案: