usako1124のブックマーク / 2021年12月16日

usako1124 id:usako1124

2021年12月16日のブックマーク (4件)

web-development-kb-ja.site
usako1124 2021/12/16
javascript
リンク
[iOS/Android]ブラウザでページが非表示になったことを検知する方法 - Qiita
考察（その2）各種デバイスのボタンイベント後に、visibilityChangeイベントが呼ばれページが非表示になったことは検知できたただし、どの動作が行われたかは、検知できないみたい iOSの場合、ホームボタンのダブルタップでは、visibilityChangeイベントが呼ばれず、その後、電源ボタンを押してみたところ、visibilityChangeイベントが呼ばれた結果まとめ以上の検証結果からbeforeunload / pagehide / unloadイベントとPage Visibility APIを組み合わせるとページが非表示になる動作を大体捉えられることがわかったページ遷移系のイベントは、とりあえず、pagehideかunloadを読んでおけば大丈夫 iOS8とかAndroid 4/6系でどう動くかは、確認していないので、そのうち確認する予定サンプルコード // デ
usako1124 2021/12/16
ios

javascript
リンク
beforeunload
このイベントによって、ウェブページがダイアログボックスを表示し、ユーザーにページを終了するかどうかの確認が求めることができます。ユーザーが確認すれば、ブラウザーは新しいページへ遷移し、そうでなければ遷移をキャンセルします。仕様書によれば、確認ダイアログを表示するためにはイベントハンドラーでイベントの preventDefault() を呼び出すことになっています。しかし、すべてのブラウザーがこのメソッドに対応しているわけではなく、一部はイベントハンドラーに古い方法二つのうちの一つを実装するよう求めていることに注意してください。イベントの returnValue プロパティに文字列を代入するイベントハンドラーから文字列を返す一部のブラウザーでは返された文字列を確認ダイアログで表示するために使用し、イベントハンドラーがユーザーに独自のメッセージを表示できるようにしていました。しかし、
usako1124 2021/12/16
jquery

javascript
リンク
スマホ対応！ページ離脱はjQueryのアラートで防ぐ！ | MUGEN WEB note
CV率アップ！ユーザーの離脱は、jQueryのアラート(ポップアップ)で防ぐ！ PCだけならbeforeunloadでできますが、iOSなどのスマホのブラウザでは、popstateやhashchangeをトリガーにして発火しないので、スマホでも動作するよう対策も。サンプルを用意しました。 jQuery関連記事【jQuery】pdfが存在するか、mimeタイプのバリデーションする jQuery UIのsorta bleを使ってリストをドラッグで並び替える jQueryのモーダルウィンドウを使ってフォームの確認画面を実装する HTMLのcanvasタグとJavaScriptで円グラフの画像をつくる bxSliderをカルーセルやコンテンツスライダーなど便利なサンプル5種 bxSliderの使い方と、オプションでのカスタマイズ方法 select・optionタグをjQueryで、プルダウンの選択
usako1124 2021/12/16
jquery

javascript
リンク
- 2021年12月17日
- 2021年12月16日
- 2021年12月14日