jquery - Performing action repetitively on a click

Question

i am not sure how to put this in words,so kindly bear with me .

I have a virtual keypad. In it there is a "backspace" button(div) that deletes a character on each click . i want it to be more realistic . so the question is "How do i delete multiple characters if the user is pressing the mouse down (i.e the mouse is pressed continously and the user hasn't lift his finger off the mouse )"

<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);
    }

score 0 · Accepted Answer

setIntervalを確認してください。イベントをにバインドし、IDをどこかに保存し、mousedownイベントをに保存します。 setIntervalmouseupclearInterval

必ずエッジケースをカバーしてください。たとえば、ユーザーがバックスペースをクリックした場合、マウスボタンを離さずにマウスをドラッグして離します。 onMouseOutにバインドする必要がありますclearInterval。他のエッジケースもあるかもしれません。

score 0 · Accepted Answer

これを試して

$(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);
    });
})();

score 0 · Accepted Answer

基本的に、マウスダウンで、文字盤から文字を削除する関数をxミリ秒ごとに呼び出す間隔を開始します。あなたはすでに2つの優れた答えを得ているので、私が行った簡単なjsfiddleを投稿します。

http://jsfiddle.net/EB29c/

jquery - Performing action repetitively on a click

3 に答える 3

Related

Reference