Q&A
「ひらがな入力モードで半角数字を打った場合」の現象は確認できましたが、「全角を半角に」はいずれも確認できませんでした。そもそも「全角を自動で半角に」該当するコードがないように思いますが。いずれにしても「不具合」ではなく「keyupのイベント発生のタイミング、解釈のブラウザによる違い」に思います。
プラグイン「numeric」を使って半角整数のみ入力制限しています。
この入力値の計算結果を出力しているのですが、firefoxの場合のみ、
半角入力は即座に出力されるのに対し、ひらがなモードで数字を打った場合はエンターを押さないと出力されない。
という不具合を見つけてしまいました!!(>_<)
▼動くサンプル
https://jsfiddle.net/7u4chfdd/
ご覧のように、chromeだとこの不具合は起こりません。困りました…。
どなたか解決策をご存じの方はいらっしゃいませんでしょうか？
また、外部サービスを利用する際はなるべくこちらにも同じソースを添付してください。
「全角入力はエンターを押さないと出力されない。」ではなく、「「ひらがな入力モードで半角数字を打った場合はエンターを押さないと出力されない。」でした。質問文を修正しておきます。
整数のみとのことですが、小数も入力できる問題があるようです
回答2件
0
このプラグインはKeyboardEvent (keydown/keypress/keyup)で処理しているようですが、Firefoxでは確定するまで発火しません。この辺仕様が揺れ動いているのでブラウザ間で差異があるのも仕方ないところです。
https://www.w3.org/TR/2015/WD-uievents-20151215/#events-composition-event-key-events
https://w3c.github.io/uievents/#events-composition-key-events
inputなどを使えばタイミングとしてはうまくいきますが、押したキーがわからず、使い勝手が変わってきます。現状がベストではないでしょうか？
投稿2018/04/25 02:19
編集2018/04/25 04:33総合スコア13749
なぜか最後がカットされているので追記
「現状がベストではないでしょうか？」
どのような仕様の違いが影響しているのかまったく見当がつかなかったので勉強になります。ありがとうございます。
0
ベストアンサー
「ひらがなモードで数字を打った場合はエンターを押さないと出力されない。」
の方が正しい動作に見受けられますが？
確定前の文字で処理がされるのはまずかろうと思います
常にデータをおいかけるならon-inputで処理することは可能です
投稿2018/04/25 00:36
総合スコア114843
気になるようなら
<input type="text" style="ime-mode:disabled">
とすればよいかもしれません。
chromeは非対応のようなのでちょうどよいでしょう
なるほど。確定前というお考えには一理アリですね。ただ今回はブラウザが違っても統一させたいかなっとも思います。
「ime-mode:disabled」！！
最高です。解決しました。どれほど多くのケースを越えればそのような対策が浮かぶのでしょうか。さすがです。どうもありがとうございます。
あなたの回答
tips
プレビュー
