問題タブ [jquery-ui-touch-punch]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票する
0 に答える
194 参照

javascript - 別のターゲットで Javascript イベントをトリガーする

mousedownまたはtouchstartイベントが発生したときに子をそれ自体に追加する要素があります。この子はresizable(jQuery ui ウィジェット) です。私はhttp://touchpunch.furf.com/を使用して、タッチ デバイス用の jquery-ui ウィジェットを有効にします。

マウス/タッチを持ち上げて再度クリックすることなく、作成時に子のサイズを変更したい。マウスデバイスでは機能しますが、タッチデバイスを使用するとトリガーできません。

スニペットを確認してください (マウスでは機能しますが、タッチでは失敗します)。

  1. Mousedown青色の要素 (赤色の要素が作成されます)
  2. マウスを押したまま右にドラッグします (赤い要素のサイズが変更されます)

タッチデバイスで機能させることに失敗しました。で要素を作成しましたtouchstartが、指を離さないとサイズを変更できません。

私は基本的に、マウスと同じことをタッチで実現したいと考えています。event 問題は、サイズ変更ハンドルでトリガーする必要があるマストがどのように見えるかがわからないことです。

タッチイベントかどうかを確認して変更しようとしましたevent.targetが、うまくいきません。