单击按钮而不是键位时执行脚本答案

【问题标题】：Execute script on click of a button and not on keyup单击按钮而不是键位时执行脚本
【发布时间】：2012-10-09 17:47:09
【问题描述】：

我正在尝试将以下内容转换为单击按钮而不是 keyup 事件时执行。这是一个文本限制器。用户输入文本，我想通过单击按钮将此文本限制（修剪）为 75 个字符。

<p>Type something in the textbox below: </p>
<textarea id="message" name="message" rows="4" cols="30"></textarea>
<div class="charLeft" id="countCharacter">75 characters left</div>


<script>
  function CountLeft(field, max) {
      if (field.val().length > max) 
          field.val(field.val().substring(0, max));
      else 
          jQuery(".charLeft").html((max - field.val().length) + " characters left");
  }

  jQuery("#message").keyup(

  function(event) {
      CountLeft(jQuery(this), 75); // you can increase or derease the number      depend on your need.
  }); 
</script>

【问题讨论】：

你试过keydown事件吗？
按钮在哪里？只需将选择器从 #message 更改为按钮的选择器，然后将 keyup 更改为 click... 我错过了什么吗？您是否从某个地方获取此代码并希望我们为您更改它？

标签： javascript count onclick words

【解决方案1】：

假设您的 html 中某处有一个按钮（未出现在您的问题中），例如：

<div id="your-button">Click Me</div>

那么这样就可以达到我认为你想要的效果了。现在仅在用户单击your-button 时会修剪输入。

$('#your-button').click(function() {
    CountLeft($('#message'),75);
});

如果您也想保留原始行为（这是一个好主意，IMO），您可以这样做：

function CheckLength(input_selector,length) {
    return function() {
        CountLeft($(input_selector),length);
    }
}

var input_selector = '#message';
var input_length = 75;
$('#your-button').click(CheckLength(input_selector,input_length));
$('#message').keyup(CheckLength(input_selector,input_length));

【讨论】：

【解决方案2】：

我认为您不想使用按钮...您想检查每个键类型...keyup 释放键盘按钮时引发的事件，如果我正确理解您想要的问题单击按钮时要引发的事件，为此，您可以使用keydown 事件，如下所述：http://api.jquery.com/keydown/

$('#message').keydown(function(e) {
  CountLeft(jQuery(this), 75);
});

【讨论】：