Textarea开始功能不起作用

时间:2016-12-06 09:40:57

标签: javascript jquery html textarea startswith

我正在尝试在textarea上应用函数启动,但显然我做错了。我不懂javascript,所以我很抱歉明显的错误或问题。至少我尝试过对我来说合乎逻辑的东西......在这里小提琴:http://jsfiddle.net/SVxbW/235/

HTML:



$("textarea").bind(function () {
  if ($(this).startsWith("Hello") {
      $(".kuk").show();
  }
  else {
   $(".kuk").hide();
  }
}); 

.kuk {
  display: none;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
<textarea></textarea>
<button class="kuk">Clear</button>
&#13;
&#13;
&#13;

如果有人粘贴文字&#34;你好&#34;右键单击鼠标?如何识别这个动作?

3 个答案:

答案 0 :(得分:0)

您需要获取val(),然后使用startsWith()。此外,您需要绑定适当的事件处理程序。在这里,我使用了keyup

$("textarea").on('keyup', function() {
    if ($(this).val().startsWith("Hello")) {
        $(".kuk").show();
    } else {
        $(".kuk").hide();
    }
});

Updated Fiddle

答案 1 :(得分:0)

试试这个。您需要绑定event,还需要val来检查它是否startswith hello

 $("textarea").bind('keyup',function () {
       if ($(this).val().startsWith("Hello")) {
          $(".kuk").show();
       }
       else {
          $(".kuk").hide();
       }
    });

Here是jsfiddle

答案 2 :(得分:0)

我为那些想知道我正在使用哪些代码的人制作了jsfiddle。我添加了几种输入选项,现在它也适用于chrome。

final fiddle

$("textarea").bind('change keyup paste blur input',function () {
   if ($(this).val().startsWith("Hello") || $(this).val().startsWith("HELLO") || $(this).val().startsWith("hello")) {
      $(".kuk").show();
   }
   else {
      $(".kuk").hide();
   }
});