マルチタッチ対応 Drag and Drop uupaa Follow 2010-06-24 01:15:53 License: MIT License Fork4 Fav5 View6873 Play Stop Reload Fullscreen Smart Phone Fork tree Readme JavaScript 15 lines HTML 4 lines CSS 20 lines マルチタッチ対応 Drag and Drop upa ui/drag.js // iPhoneのマルチタッチ対応の DnD デモです // iPhoneで見る場合は // プレビュー画面右上の「Preview Fullscreen」をぽちっとして // フルスクリーンな状態で見ることをおすすめします // マルチタッチはほぼ初挑戦なので、色々とわかってません // 対策方法がわかったら、そのうち直します uu.ready(function(uu) { uu("Drag", uu.id("tgt1")); uu("Drag", uu.id("tgt2")); uu("Drag", uu.id("tgt3")); }); <div class="box" id="tgt1">basic drag and drop</div> <div class="box" id="tgt2">basic drag and drop</div> <div class="box" id="tgt3">basic drag and drop</div> マルチタッチ対応 Drag and Drop html, body { /* overflow: hidden; */ } .box { position: absolute; width: 200px; height: 200px; background-color: #73ff00; color: white; text-align: center; top: 0px; left: 0px; border: 2px solid navy; } .grip { background-color: green; } // iPhoneのマルチタッチ対応の DnD デモです // iPhoneで見る場合は // プレビュー画面右上の「Preview Fullscreen」をぽちっとして // フルスクリーンな状態で見ることをおすすめします // マルチタッチはほぼ初挑戦なので、色々とわかってません // 対策方法がわかったら、そのうち直します uu.ready(function(uu) { uu("Drag", uu.id("tgt1")); uu("Drag", uu.id("tgt2")); uu("Drag", uu.id("tgt3")); }); <div class="box" id="tgt1">basic drag and drop</div> <div class="box" id="tgt2">basic drag and drop</div> <div class="box" id="tgt3">basic drag and drop</div> html, body { /* overflow: hidden; */ } .box { position: absolute; width: 200px; height: 200px; background-color: #73ff00; color: white; text-align: center; top: 0px; left: 0px; border: 2px solid navy; } .grip { background-color: green; } use an iframe compat browser, deer Play on jsdo.it games Author Share ブログに埋め込む QR Tag Download Complete! Description What kind of game? Control Device Smartphone Controllerjsdo.it WebSocket Controller» Mouse Keyboard Touch Device Fullscreen Activated Inactivated jsdo.it games から削除する Submit Author uupaa URLhttp://d.hatena.ne.jp/uupaa/ (ε・◇・)з うぱぱ です。 (ε・﹏・)з ぴんましゅ です。 Tweet Default Panel Auto play Screenshot Readme JavaScript HTML CSS Size Width: px Height: px code <script type="text/javascript" src="http://jsdo.it/blogparts/dxd5/js"></script> drag drop multi touch uupaa.js Discussion Questions on this code? Tags animation drag drop iphone multi touch ui uupaa.js & Favorite by yd_niku keiji.shimad: animationdrag insummer_one: drag&dropdrop nsyee: uiiphone hokaccha: iphone Forked sort by latest page views favorite forked forked from: マルチタッチ対応 Drag and kouichi_s 00 901 16/4/20 drag drop multi touch uupaa.js forked from: マルチタッチ対応 Drag and kouichi_s 00 999 16/4/20 drag drop multi touch uupaa.js forked from: マルチタッチ対応 Drag and yoda882 00 643 16/4/20 forked from: マルチタッチ対応 Drag and sho1_youto 00 847 16/4/20