要素がフォーカスされたときの処理
<input id="test"></input> <input id="test2></input>
const element = document.getElementById('test');
const element2 = document.getElementById('test2');
element.addEventListener('focus', function(){
this.value = 'フォーカスされています';
});
element.addEventListener('blur', function(){
this.value = 'フォーカスが外れました';
});
上の例ではフォーカス時、フォーカスが外れた時にそれぞれ上側のインプットの値を変更しています。
でフォーカスされたとき、
でフォーカスが外れた時の処理をさせることができます。
要素.addEventListener('focus', function(){
処理内容;
};
処理内容;
};
でフォーカスされたとき、
要素.addEventListener('blur', function(){
処理内容;
});
処理内容;
});
でフォーカスが外れた時の処理をさせることができます。