タグ

2017年4月13日のブックマーク (2件)

  • iOS Safariでスクロールしただけでリサイズイベントが発生する原因と対処法 - Qiita

    window.addEventListener("resize", function() { alert("ウインドウがリサイズしました。"); }) Mobile Safari (iPhone 6s、iOS 9.1.2)で最初のスクロールをしてみると、縦持ち・横持ちを切り替えていないのにリサイズした旨のアラートが表示されます。 何故こんなことが起こるのか? iOS 8からスクロール時にアドレスバーが自動で小さくなる仕様となりました。これにより、アドレスバーが小さくなった分だけウインドウサイズが大きくなったと見なされ、リサイズイベントが発生するようになったのです。ウインドウサイズのことを考えれば当然の挙動なのですが、「スクロールしただけでリサイズイベントが発生する」というのはデスクトップでのブラウザに慣れている人であれば違和感を感じるのではないでしょうか。 意図したとおりにリサイズイベント

    iOS Safariでスクロールしただけでリサイズイベントが発生する原因と対処法 - Qiita
  • JavaScriptで特定の要素に画像ファイルをドラッグ&ドロップできる処理を書く - Qiita

    はじめに HTML5になって画像ファイルを特定の要素にドラッグ&ドロップできるような処理ができるようになりました。 どんな感じなのか、複数の画像をページ上に表示させるだけのお試しコードを書いてみました。 ついでに、type="file" なinput要素でのファイル参照にも対応させてみます。 書いてみる 複数の画像ファイルをまとめてドラッグ&ドロップするとそれらの画像が全部表示されるだけの処理です。 <div id="dropArea">Drop or Click here!</div> <input id="fileInput" type="file" accept="image/*" multiple> <div id="output"></div> #dropArea { overflow: hidden; padding: 40px 10px; background: #ddd;

    JavaScriptで特定の要素に画像ファイルをドラッグ&ドロップできる処理を書く - Qiita
    lastel
    lastel 2017/04/13