æ„外ã¨çŸ¥ã‚‰ãªã„HTML5 API | 第1回 Drag & Drop APIã¨ã¯ã“れらã®ã‚¤ãƒ™ãƒ³ãƒˆã‚’使用ã—ã¦ãƒ‰ãƒ©ãƒƒã‚°ï¼†ãƒ‰ãƒãƒƒãƒ—を実装ã—ã¦ã„ãã¾ã™ã€‚ã¾ãšã¯æœ€ä½Žé™ã®æ©Ÿèƒ½ã‚’å‚™ãˆãŸã‚µãƒ³ãƒ—ルを見ã¦ã¿ã¾ã™ã€‚ 実装ã®æœ€å°æ§‹æˆ 赤ã„ボックスを下ã®ã‚¨ãƒªã‚¢ã«ãƒ‰ãƒ©ãƒƒã‚°ï¼†ãƒ‰ãƒãƒƒãƒ—ã—ã¦ã¿ã¦ãã ã•ã„。ドラッグã—ã¦ã„ã‚‹è¦ç´ ãŒã‚¨ãƒªã‚¢ã«å…¥ã‚‹ã¨ã€ãƒ†ã‚ストãŒonDragOverã¨ãªã‚Šã€ãƒ‰ãƒãƒƒãƒ—ã•ã‚Œã‚‹ã¨onDropã«ãªã‚‹ã®ãŒç¢ºèªã§ãã¾ã™ã€‚ ソースコード*ã¯æ¬¡ã®ã‚ˆã†ã«ãªã£ã¦ã„ã¾ã™ã€‚ *注：JavaScriptã®ã‚½ãƒ¼ã‚¹ã‚³ãƒ¼ãƒ‰ ソースコードã®è¦‹é€šã—をよãã™ã‚‹ãŸã‚ã«jQueryを使用ã—ã¦ã„ã¾ã™ã€‚ ... <div class="box" draggable="true"></div> <div id="dropzone" class="dropzone"></div> ... ... $('#box').on('dragstart', onDragStart); $('#dropzone').on('dragover
{{#tags}}- {{label}}
{{/tags}}