3

ユーザーが Google Chrome のネイティブの日付ピッカー コントロールから新しい日付を選択したときに通知を受ける必要があります。

ネイティブの日付ピッカー コントロールを表示するには、Google Chrome 20 以降が必要です。

一部のユーザーは、iOS5 ではイベントが発生することを示唆していましたonBlurが、Chrome ではそうではないようです。

4

3 に答える 3

2

Chrome 24 では、フォーカスがテキスト ボックスから移動されていなくても、日付が変更されたときに change イベントが発生します。

ユーザーが日付を手動で変更しても、変更イベントが発生するようです。

于 2013-01-14T07:22:07.527 に答える
1

私は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の動作デモです。お役に立てれば!

于 2012-07-24T15:49:07.070 に答える
0

さて、私は次のものだけを使ってみましたaddEventListner:

window.onload = function(){
    var d = document.getElementById('date');

    d.addEventListener('input', function(e){
        alert(d.value);
    });
};​

そして、それはそのように機能します。だから多分あなたはあまりにも多くの機能を使用していて、それぞれが競合しています

于 2012-07-29T14:07:50.737 に答える