Textarea startswith関数が動作しない

Question

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>

そして、誰かがマウスの右クリックでテキスト「こんにちは」を貼り付けた場合にどのような？その行動をどのように認識するのか？

Answer 1

val()を取得し、startsWith()を使用する必要があります。さらに、適切なイベントハンドラをバインドする必要があります。ここで私はkeyup

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

Updated Fiddle

Answer 2

を使用している、これを試してみてください。 eventをバインドする必要があります。を取得して、startswith helloかどうかを確認する必要があります。

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

Here私は私が今使用していたコード思っていたもののために作られたjsfiddle jsfiddle

Answer 3

です。私はいくつかの入力オプションを追加しましたが、現在は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(); 
    } 
});