Question

我已经创建了一个字符计数器并且工作正常，包括检测控件-v粘贴并相应地调整计数器，但是我无法检测并调整右键单击粘贴。当我在文本框中右键单击并粘贴时，计数器不会自动检测到它，但是当您空出或添加新输入时，它会相应地进行调整。我已经阅读了几篇帖子，并通过添加“粘贴”来尝试他们建议的内容。作为我的＆＃39; keyup＆＃39;的一个属性属性，但没有太多运气。

以下是小提琴链接和代码（如果链接存在问题）：

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

谢谢，肖恩

Answer 1

您也可以收听input事件：

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

这适用于Chrome（see this JSFiddle）

Answer 2

将事件触发器更改为此。

$('#USAddressInput').bind('input propertychange', function() {

http://jsfiddle.net/yg45sfus/7/

右键单击“粘贴字符计数器事件”

2 个答案: