`textarea`または` textbox`の実行時に `keyword`色をどのように変更できますか？ Javascript

私はvarのようなキーワードを入力してSPACEボタンを押すと、そのときの色はblue runtime.Iになります。私は多くのキーワードを無視しています。そのボタンをクリックするとruntime.Howできますこれは？ありがとう。また、私もtextareaのテキストをcodebehindに入れたいと思います。私はASP.NET C＃環境で働いています。SQL-QUERY-EDITORのように。`textarea`または` textbox`の実行時に `keyword`色をどのように変更できますか？ Javascript

<html xmlns="http://www.w3.org/1999/xhtml"> 
<head runat="server"> 
<title></title> 
<script type="text/javascript" runat="server"> 
var codeInput = document.getElementsByTagName("textarea"); 
var keywords = new Array("var", "if"); 
function checkHighlight(){ 
var codeInput1 = codeInput[0].value; 
if(codeInput1 === keywords[0]){ 
keywords[0].indexOf(codeInput1).className = "JSfunctions"; 
} 
} 
</script> 
<style type="text/css" runat="server"> 
    #JScodeinputbox{font-family:Arial;} 
    #JScodeoutputbox{} 
    .JSfunctions{color:blue;} 
</style> 
</head> 
<body> 
<form id="form1" runat="server"> 
<div> 
<textarea id="JScodeinputbox" wrap="logical" rows="30" cols="70" onkeyup="checkHighlight();"></textarea> 
</div> 
</form> 
</body> 
</html>

出典

2016-06-22 Hameed

は、ここに私のコードです。 "HTML ''要素は、複数行のプレーンテキスト編集コントロールを表します。 https://developer.mozilla.org/en-US/docs/Web/HTML/Element/textarea –

これはどうすればいいですか？これを 'textarea'または' textbox'に入れたいのですが、この値を'codebehind'を呼び出して' sql-command'に渡して 'sql-query'を実行する方法は？これは簡単な方法です – Hameed

TinyMCE、CKeditorなどのリッチテキストエディタを使用して、テキストエリアからデータ（html）を取り出し、WYSIWYGスタイルで表示/編集します。 –

jQueryの中：それはtextarea` `では不可能である

$("html").append(" <textarea id='text' type='text'> </textarea> "); //create an input box 
 
$("html").append(" <input id='submit' type='submit'> "); //create a submit button 
 

 
$("input").css("border", "1px solid black"); 
 

 
$("#submit").click(function() { 
 
    var unit = $("#text").val(); 
 
    if (unit == "var") { 
 
    $("#text").css("border", "2px solid blue"); 
 
    $("#text").css("background", "blue"); 
 
    } else { 
 
    $("#text").css("border", "1px solid black"); 
 
    $("#text").css("background", "white"); 
 
    } 
 
}); 
 

 
$(document).keydown(function(e) { 
 
    if (e.keyCode == 13 || e.keyCode == 32) { 
 

 
    var unit = $("#text").val(); 
 
    if (unit == "var") { 
 
     $("#text").css("border", "2px solid blue"); 
 
     $("#text").css("background", "blue"); 
 
    } else { 
 
     $("#text").css("border", "1px solid black"); 
 
     $("#text").css("background", "white"); 
 
    } 
 

 
    } 
 
}); 
 

 
$("html").append("(You can also press enter or space)");

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

出典

2016-06-22 13:57:48

コードが実行されていません – Hameed

@名前付きjQueryをインクルードしましたか？ –

''の中に入れてください。 –

`textarea`または` textbox`の実行時に `keyword`色をどのように変更できますか？ Javascript

答えて

関連する問題