[解決済み] テキストフィールドを無効にすることなく、ユーザがテキストを入力できないようにするには？

質問

試してみました。

$('input').keyup(function() {

   $(this).attr('val', '');

});

のように表示されますが、文字が入力された後、入力されたテキストを少し削除してしまいます。テキストフィールドを無効にすることなく、ユーザーがテキストを完全に入力できないようにする方法はないでしょうか？

どのように解決するのですか?

見落としがちな非Javascriptの代替案として readonly 属性の代わりに disabled 属性の代わりに これは、inputのテキストを編集することを防ぎますが、ブラウザはinputを異なるスタイルにします（"グレーアウト"になりにくくなります）。 例 <input readonly type="text" ...>