Q&A
こちらの質問が他のユーザから「質問の範囲が広すぎる」という評価を受けています
わからない点を明確にし、調査したこと・試したことと共に記入していただくと、回答が得られやすくなります。
htmlでtextareaに文字を入力した場合に当てはまる文字列があれば、enterが押されたタイミングでtextareaに入力された特定の文字を別の文字に変換したいのですが方法が分かりません。
javascriptかjqueryでサンプルソースまたは
出来れば参考になるようなサイトを教えていただけますか。
回答1件
0
こんな感じでいかがでしょう！
jquery使いました。
html
1<!DOCTYPE html> 2<html lang="en"> 3<head> 4 <meta charset="UTF-8"> 5 <title>textarea</title> 6 <script src="https://code.jquery.com/jquery-1.11.3.min.js"></script> 7</head> 8<body> 9 <textarea name="" cols="30" rows="10" id="js-textarea"></textarea> 10 <script> 11 var $textarea = $('#js-textarea'); 12 13 $textarea.on('keydown', function(e){ 14 15 //enterを取得 16 if(e.keyCode === 13){ 17 var _text = $textarea.val().replace(/a/g, 'test'); 18 $textarea.val(_text); 19 } 20 }) 21 22 </script> 23</body> 24</html>
あ、すいません。
replace(/ここに変換前の文字/, '変換後の文字')
です！
投稿2016/01/06 09:46
編集2016/01/06 09:57
総合スコア1869
この方法だと "abc" のようなIME変換を伴わず、[Enter] キーを押さない文字列入力に対応出来ないようです。
とりあえず、`blur` にすれば対応可能ですね。
ところで、teratailではコード制作依頼が禁止なので、質問文に要件しか載っていない質問に対して、解決可能なコードをそのまま載せるのは好ましくないかなあと最近思い始めてきました。
https://teratail.com/help/avoid-asking
どのくらい長い文章を入力させるかにもよるけど、
$textarea.on('keypress', function(e){
var _text = $textarea.val().replace(/a/g, 'test');
$textarea.val(_text);
});
で十分なんじゃないかなと思ったり…
あなたの回答
tips
プレビュー
