onFocusイベントはページの読み込み時に発生し続け、要素にフォーカスが入ると機能しないようです。ページの読み込みではなく、入力にフォーカスが合ったときにのみアラートを発生させたい
//Input
var input = document.getElementById('phonenumber');
//onfocus execute function
input.onFocus = alert('test')
onFocusイベントはページの読み込み時に発生し続け、要素にフォーカスが入ると機能しないようです。ページの読み込みではなく、入力にフォーカスが合ったときにのみアラートを発生させたい
//Input
var input = document.getElementById('phonenumber');
//onfocus execute function
input.onFocus = alert('test')
関数を呼び出し、alert
その戻り値(undefined
)をフォーカスハンドラーに割り当てています。代わりにこれを試してください:
input.onfocus = function() { alert('test'); };
または、おそらくもっと理解できるように:
function inputFocused() {
alert('test');
}
input.onfocus = inputFocused;
inputFocused
割り当ての後に括弧がないことに注意してください。関数を呼び出した結果ではなく、関数自体onfocus
に設定したいと思います。