JavaScript で日本語の変換確定とその他のリターンを識別する方法
HTML のテキストフィールドやテキストエリアで、日本語の変換を確定させるためのリターンキー（エンターキー）入力とその他のリターンキー入力とを JavaScript で識別する方法についてです。 早速結論ですが、イベント compositionstart と compositionend を使えば OK です。 イベント compositionstart は変換処理がスタートしたときに発火します。 compositionend は変換処理が終了すなわち変換が確定したときに発火します。 なので、変換中であるかどうかを表すフラグを持っておいて、フラグが立っているときにリターンキーが入力されたら変換確定、立っていないときに入力されたらそれ以外、という風に見分けることが可能です。 Vue.js での処理イメージ: <input type="text" @keydown.enter="submit"
日本語入力(ime)確定時のjavascriptイベント(取得keycode)を整理 - end0tknr's kipple - web写経開発
「onKeyupイベントハンドラで、検索実行」のようなjavascriptコードにおいて、日本語(IME)入力の確定時のenterで、検索実行されてしまう現象があったので、整理。 通常時のenterによる取得keycode 通常時は、そりゃそうですね browser keydown keypress keyup FireFox 23 13 13 13 IE 9 13 13 13 Chrome 28 13 13 13 safari 5 13 13 13 日本語(IME)入力の確定時のenterによる取得keycode 日本語入力の確定時のenterは、取得できるkeycodeがブラウザ毎に異なります...知りませんでした browser keydown keypress keyup FireFox 23 − − 13 IE 9 229 − 13 Chrome 28 229 − − safar
CompositionEventを利用してフリガナを取得する(その1)
モダンブラウザであれば、Compositionイベントを利用することが出来る事を知ったので、これを利用する事にした。 Compositionイベントは、IME入力が始まるとcompositionstartイベントが発火し、IME入力中はcompositionupdateイベントが、IMEが確定するとcompositionendイベントがそれぞれ発火すると言うもの。 autokana.jsは対象のテキストボックスにフォーカスが当たるとsetIntervalでテキストボックスの値を調べるという手法だが、モダンブラウザに限定してしまえば、compositionイベントを利用する方が良いように思った。 また値のチェックでフリガナ(と言うかルビ)を取得した文字列以外を正規表現で削除した結果をフリガナ(と言うかルビ)とする、と言う手法は利用させて頂く事にした。 さて、composition系のイベント
JavaScriptでテキストが変更された瞬間を検出するために必要なイベントを調べた。 - Qiita
全ての入力をinputイベントで拾える IME入力と半角入力やカット・ペースト・ドロップ等の区別はできない キャンセルはできない 戻すものがもうなかったりしてアンドゥリドゥができなかったとき Chrome,IEは発火しない Firefoxは発火する クリップボードが空でペーストしても値が変わらなかったとき Firefox,IEは発火しない Chromeは発火する テキストが選択されておらず、カットするものがなかったとき 全てのブラウザで発火しない ##入力方法の区別をしたい場合 もしくは入力をキャンセルしたい場合## 半角入力はkeypress アンドゥ・リドゥはkeydown IME入力はkeydownかCompositionEvent カット・ペースト・ドロップはそれぞれのイベントで拾う var isProcessed = false; $("#text").on({ "keypres
Detecting IME input before enter pressed in Javascript
I'm not even sure if this is possible, so apologies if it's a stupid question. I've set up an keyup callback through jQuery to run a function when a user types in an input box. It works fine for English. However when inputting text in Japanese/Korean/Chinese, the function isn't called until the user confirms their text. Is it possible to detect that they've started typing, and access their as-yet
/ - 海豹日記
{今年|今月|今週|今日}も何%過ぎました ゆく河の流れは絶えずして、しかももとの水にあらず (鴨長明:荘子) FESTINA LENTE ゆっくり急げ (ローマ帝国初代皇帝 アウグストゥス) 立派にできたのであれば、それは十分早くできたことになる (ローマ帝国初代皇帝 アウグストゥス) 海豹日記 へようこそ このサイトは、個人的な覚書を残しておくサイトです 自分は、よくこんなことをします 何かの困りごとや興味の赴くままに、いろいろ調べる 数か月後に、そのことを忘れてしまって、同じことについていろいろ調べる。しかし、そのうち、数か月前の自分が、同じことを同じように調べていたことに気づく それは不毛なので、覚書を残しておこうというわけです (主人公のアリスに掴まれて、チェス盤のはるかかなたまで持ち上げられたことのあるチェスの王さまが、当時のこと思い出し) 王さま「あの瞬間の恐怖といったら、わ
JavaScript における 日本語入力 確定 (Enter) イベント
JavaScript で 日本語入力 ON のときと OFF のときとで 確定入力 (Enterキー入力) を判別する方法についてまとめます。 検索ボックスなどのテキスト入力ボックスにおいて確定ボタンの組み合わせた UI を設計するとき、入力を簡易にするために Enterキー で確定を意味させたいと思うことがあります。 …が、日本語入力の Enter と 確定を意味する Enter をどのように判別すると良いか材料がないので、 ここではいくつかのブラウザでイベントがどのように発生しているかを調査しました。 実際に使えるようにした jQuery プラグイン は こちら に記載しています。 目次 各ブラウザの挙動 確定入力の判別方法 各ブラウザの挙動 日本語入力ON および OFF それぞれの状態で [a] → [Enter] と入力したときの動作の違いを以下にまとめます。 以下の表では、「数
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
GitHub - LeoEatle/react-composition-input: The input component optimized for languages like Chinese, Japanese etc.
DOM Composition Events compatibility notes
Change event fires extra times before IME composition ends · Issue #3926 · facebook/react
onChange does not work well with IE11 at Japanese IME. in React 15.4.0 · Issue #8423 · facebook/react