2014-11-06 61 views
0

我已經創建了一個字符計數器,它工作正常,包括檢測控件v粘貼並相應地調整計數器,但我無法讓它檢測並調整右鍵,點擊粘貼。當我右鍵單擊並粘貼到文本框中時,計數器不會自動檢測到它,但是當您將空間放大或添加新輸入時,它會相應地進行調整。我已經閱讀了幾篇文章,並試圖通過添加'粘貼'作爲''keyup'屬性的屬性,但沒有多少運氣。右鍵點擊粘貼事件的字符計數器

這裏是小提琴鏈接和代碼(如果有與鏈接的問題):

http://jsfiddle.net/NewJSDeveloper/yg45sfus/3/

<div id="testDiv"> 
    <label for="usAddressInput" id="usAddressLabel" style="margin-right:35px">Address</label> 
    <div> 
    <input id="USAddressInput" type="text"></input> 
    </div> 
    <div> 
    <label id="newlabel">New Label</label> 
    </div> 
</div> 

$('#USAddressInput').on('keyup', function() { 
    var cs = 13 - $(this).val().length; 
    $("#counter").html("(" + cs + " chars)"); 
}); 

$('#USAddressInput').attr('maxlength', '13'); 

var counter = "<span id=\"counter\" style=\"font-style:italic;\">(13 chars)</span>"; 
$('#usAddressLabel').after(counter); 

感謝, 肖恩

回答

0

你可以聽input事件太:

$('#USAddressInput').on('keyup input', function() { 
    var cs = 13 - $(this).val().length; 
    $("#counter").html("(" + cs + " chars)"); 
}); 

這是Chrome上的工作(see this JSFiddle