ユーザーが Google Chrome のネイティブの日付ピッカー コントロールから新しい日付を選択したときに通知を受ける必要があります。
ネイティブの日付ピッカー コントロールを表示するには、Google Chrome 20 以降が必要です。
一部のユーザーは、iOS5 ではイベントが発生することを示唆していましたonBlur
が、Chrome ではそうではないようです。
ユーザーが Google Chrome のネイティブの日付ピッカー コントロールから新しい日付を選択したときに通知を受ける必要があります。
ネイティブの日付ピッカー コントロールを表示するには、Google Chrome 20 以降が必要です。
一部のユーザーは、iOS5 ではイベントが発生することを示唆していましたonBlur
が、Chrome ではそうではないようです。
Chrome 24 では、フォーカスがテキスト ボックスから移動されていなくても、日付が変更されたときに change イベントが発生します。
ユーザーが日付を手動で変更しても、変更イベントが発生するようです。
私はWindowsマシンでChrome20.0.1132.57を実行していますが、このoninput
イベントは非常にうまく機能しているようです。Jaredがこのイベントが中window.onload
に発生するとコメントしていることに気づきましたが、それを再現することはできませんでした(うまくいけば、そこで明らかな何かを見逃していないことを願っています)。
form
それをテストするために、要素とinput
タイプのページを設定し、次のようなdate
インラインイベントハンドラーを作成しました。oninput
<form>
<input type="date" id="theDate" oninput="alert('oninput event fired');" />
</form>
日付、今日のボタン、またはクリアボタンをクリックするたびに(このクリックで日付が変更された場合のみ)、イベントが発生したことが通知されます。このイベントは、日付ピッカーの上部にあるコントロールのいずれかを使用して当月を変更した場合には発生しません。
これがJSBinの動作デモです。お役に立てれば!
さて、私は次のものだけを使ってみましたaddEventListner
:
window.onload = function(){
var d = document.getElementById('date');
d.addEventListener('input', function(e){
alert(d.value);
});
};
そして、それはそのように機能します。だから多分あなたはあまりにも多くの機能を使用していて、それぞれが競合しています