jQuery - テキストエリアへの挿入が効かなくなった件

2018-08-04 07:57:17 298

はじめに

jQueryであるボタンを押したら、テキストエリアに、指定したテキストを追加するというシンプルな機能をつけたところ、
一定の条件で作動しなくなるという現象に見舞われました。

作ったスクリプトは以下のとおり。

ボタンを押したら、テキストエリアに文字列挿入

$('button').on('click', function() {
$('textarea').text($(‘textarea').val() + "hoge");
});


特定の条件で作動しない

それは、テキストエリアを編集してしまうことでした。
なぜ?
よくわからないけど、そういうことらしい。

調べてみると、全く同じ例がありました。
jQueryで.text()が効かない現象にハマった – Shelitas


.text()は使ってはいけない

なぜかわかりませんが、.val()を使うということらしい。
正解はこちら↓

ボタンを押したら、テキストエリアに文字列挿入

$('button').on('click', function() {
$('textarea').val($(‘textarea').val() + "hoge");
});

関連記事