focus
最初に行う必要があるのは、テキスト ボックスのイベント (テキスト ボックスに「フォーカス」したときにトリガーされる) にイベント リスナーをアタッチすることです。ドム。これを行う最も簡単な方法は、次のid
ように属性を追加することです。
<body>
<input type="text" name="" id="msgContent">
</body>
これで、メソッドを使用しdocument.getElementById
て要素を見つけることができます。
var textBox = document.getElementById('msgContent');
次に、イベント リスナーをアタッチできます。
textBox.addEventListener('focus', function () {
alert('change msg content here');
});
このaddEventListener
方法は、IE の一部の古いバージョンでは使用できないことに注意してください。代わりに、ここで詳しく説明されている他のフォールバックがあります。
jQuery
最後に、 、 などのライブラリを使用している場合はYUI
、イベント ハンドラーをアタッチするためのブラウザーの違いを正規化します。
//jQuery example
$('#msgContent').on('focus', function () {
alert('change msg content here');
});