C# と VB.NET の質問掲示板

ASP.NET、C++/CLI、Java 何でもどうぞ

ログ内検索
  • キーワードを複数指定する場合は 半角スペース で区切ってください。
  • 検索条件は、(AND)=[A かつ B] (OR)=[A または B] となっています。
  • [返信]をクリックすると返信ページへ移動します。
キーワード/ 検索条件 /
検索範囲/ 強調表示/ ON (自動リンクOFF)
結果表示件数/ 記事No検索/ ON
大文字と小文字を区別する

No.99769 の関連記事表示

<< 0 >>
■99769  Re[1]: Webアプリ 右/左スワイプ無効化にする方法
□投稿者/ 魔界の仮面弁士 -(2022/05/27(Fri) 14:47:45)
    No99767 (az さん) に返信
    > 以下のサイトを参考に、<script></script>タグ内にスワイプ無効のコードを入れたのですが、
    > https://dev.classmethod.jp/articles/restrict-various-operation-by-screen-touch-in-web-app/

    そこで紹介されているコードは、『(event: any)』という
    表記があることから、TypeScript のコード例になっていますね。

    今回記述したのは TypeScript ですか? JavaScript ですか?

    script タグ内に直接記述するなら、.ts を .js ファイルにコンパイルしてから書くか、
    あるいは、最初から TypeScript ではなく JavaScript の文法で書くようにしてみてください。

    たとえば addEventListener メソッドで割り当てる方法をとるなら、
     document.addEventListener('touchmove', ev => ev.preventDefault(), { passive: false });
    という感じです。ontouchmove プロパティで割り当てる方法もありますが、そちらはあまりお奨めしない。


    > document.addEventListenerはどのコントロールに設定するイベントなのでしょうか?
    …コントロール?
    見ての通り、document オブジェクトに対するイベント割り当てですよ。

    なお、左右スワイプ以外のスクロール操作なども無効化されることになるため、
    場合によっては、イベント引数の currentTarget に応じて
    preventDefault するかどうかを判断した方が良いかもしれません。
記事No.99767 のレス /過去ログ173より / 関連記事表示
削除チェック/



<< 0 >>

パスワード/

- Child Tree -