blog

H5 モバイル入力に関する考察

1.onBlurイベントは、clearイベントをトリガーするために右側に絶対位置の要素を追加することでclearイベントを処理します。また、クリアボタンがフォーカスを失ったときに非表示にする必要があり...

Dec 4, 2020 · 1 min. read

clearイベントを処理する場合、clearイベントをトリガーするための絶対位置要素が右側に追加されます。

また、フォーカスを失ったときにクリアボタンを隠す必要があります。

onBlur={/*** ****/}

すると、クリアボタンのzIndexがどんなに高くても、ぼかしイベントだけがトリガーされ、クリアボタンのクリックイベントはトリガーされないことがわかりました。Blurイベントの呼び出し解除がトリガーになります。

そこで思いついたのですが、アプレットのネイティブフォームにはパススルーがあります。つまり、zIndexがどのように設定されていても、イベントの優先順位はinputが一番高いのです。

blurイベントが最初に発生し、clearボタンshowClear ? <img src={../XXX/clear} /> : nullイベントがトリガされません。

それを発動させるには2つの方法があります:

1) ボタンを非表示にする場合visibility: !showClear ? 'hidden': 'visible'

2) ボタンを隠すdisplay:  !showClear ? 'none' : 'block'

  1. ブラーイベントは非同期でトリガーされます:

    onBlur = { => { /*/ }) }.

Read next

ShardingSphere 4.x 分散トランザクション

データベース・トランザクションは、4つのACID特性を満たす必要があります。 Atomicity(原子性)とは、トランザクションが全体として実行され、すべて実行されるか、まったく実行されないかを意味します。 一貫性とは、トランザクションがデータをある一貫性のある状態から別の状態に確実に変更することを意味します。 分離とは、複数のトランザクションが...

Dec 3, 2020 · 4 min read