Opera News
AI Aria browser AI now available in Opera without sign-in September 26th, 2024 Opera is making it possible for you to use Aria AI without sign-in requirements. Opera for iOS Opera One for iOS wins the MUSE Design Award 2024 September 6th, 2024 We're thrilled to announce that Opera One for iOS has won the MUSE Design Award for 2024! AI Image Understanding arrives in Opera for Android September 3rd,
ã€ç‰¹é›†ã€‘詳解! HTML 5ã¨é–¢é€£APIã®æœ€æ–°å‹•å‘ - æ–°ã‚¿ã‚°&APIç·¨ (7) ドラッグ&ドãƒãƒƒãƒ—API | エンタープライズ | マイコミジャーナル
HTML 5ã§ã¯ã€ãƒ‰ãƒ©ãƒƒã‚°&ドãƒãƒƒãƒ—を直接サãƒãƒ¼ãƒˆã™ã‚‹ãŸã‚ã®APIãŒæ•´å‚™ã•ã‚ŒãŸã€‚以å‰ã¯mousedownã€mousemoveã€mouseupを利用ã—ã¦ãƒ‰ãƒ©ãƒƒã‚°&ドãƒãƒƒãƒ—を実ç¾ã—ã¦ã„ãŸãŒã€ãƒ–ラウザã«ã‚ˆã‚‹ãƒã‚¤ãƒ†ã‚£ãƒ–サãƒãƒ¼ãƒˆãŒå®Ÿç¾ã—ãŸäº‹ã§ã€ä»–ã®ã‚¢ãƒ—リケーションã¨ã‚‚データをやりå–ã‚Šã§ãるよã†ã«ãªã‚Šã€ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ã‚‚簡略化ã•ã‚ŒãŸã€‚ HTML 5ã§ãƒ‰ãƒ©ãƒƒã‚°&ドãƒãƒƒãƒ—を実ç¾ã™ã‚‹ãŸã‚ã®æœ€å°é™ã®æ‰‹é †ã¯ä»¥ä¸‹ã®é€šã‚Šã 。 ドラッグ対象ã¨ãªã‚‹è¦ç´ ã«ã€Œdraggable="true"ã€ã¨ã„ã†å±žæ€§å€¤ã‚’セットã™ã‚‹ã€‚ã“ã‚Œã«ã‚ˆã‚Šã€å¯¾è±¡ã®è¦ç´ ãŒãƒ‰ãƒ©ãƒƒã‚°å¯èƒ½ã¨ãªã‚‹ã€‚ã¡ãªã¿ã«ã€imgè¦ç´ ã‚„aè¦ç´ (hrefã®æŒ‡å®šãŒå¿…è¦)ã¯ãƒ‡ãƒ•ã‚©ãƒ«ãƒˆã§ãƒ‰ãƒ©ãƒƒã‚°å¯èƒ½ã§ã‚ã‚‹ ドラッグ&ドãƒãƒƒãƒ—関連ã®ã‚¤ãƒ™ãƒ³ãƒˆã‚’処ç†ã™ã‚‹ã‚ˆã†ã‚³ãƒ¼ãƒ‰ã‚’記述ã™ã‚‹ã€‚以下ã®ã‚ˆã†ãªã‚¤ãƒ™ãƒ³ãƒˆãŒå˜åœ¨ã™ã‚‹ イベントåイベントã®é€šçŸ¥å…ˆèª¬æ˜Ž dragstartドラッグ対象ã®è¦ç´ ドラッグãŒé–‹å§‹ã•
ã€ãƒ¬ãƒ“ュー】ドラッグ＆ドãƒãƒƒãƒ—ã§Chromeã‹ã‚‰ãƒ‡ã‚¹ã‚¯ãƒˆãƒƒãƒ—ã¸ãƒ•ã‚¡ã‚¤ãƒ«ã‚’ダウンãƒãƒ¼ãƒ‰ã™ã‚‹æ–¹æ³• | エンタープライズ | マイコミジャーナル
The CSS Ninja is a personal blog and playground where I can put my skills and ideas out into the public. 5以é™ã®ãƒãƒ¼ã‚¸ãƒ§ãƒ³ã®Chromeを使ã£ã¦ã„ã‚‹ã®ã§ã‚ã‚Œã°ã€Gmailã«ãŠã‘るファイルã®ã‚¢ãƒƒãƒ—ãƒãƒ¼ãƒ‰ã‚„ダウンãƒãƒ¼ãƒ‰ã¯ã€ãƒ‡ã‚¹ã‚¯ãƒˆãƒƒãƒ—é–“ã§ã®ãƒ‰ãƒ©ãƒƒã‚°&ドãƒãƒƒãƒ—ã§æ“作ã§ãる。ã“ã†ã—ãŸæ©Ÿèƒ½ã‚’実ç¾ã™ã‚‹ã«ã¯ã€ã“ã‚Œã¾ã§ã¯ã‚¨ã‚¯ã‚¹ãƒ†ãƒ³ã‚·ãƒ§ãƒ³ã‚„プラグインã®ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«ãŒå¿…è¦ã ã£ãŸã€‚Chromeã§ã¯JavaScriptã¨HTMLã®ã¿ã§ã“ã†ã—ãŸæ©Ÿèƒ½ã‚’実ç¾ã§ãる。 Gmailã€ãƒ‰ãƒ©ãƒƒã‚°&ドãƒãƒƒãƒ—ã§æ·»ä»˜ãƒ•ã‚¡ã‚¤ãƒ«ã®ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ãŒå¯èƒ½ã« Gmailã€ãƒ¡ãƒ¼ãƒ«æ–‡ä¸ã®ç”»åƒæŒ¿å…¥ãŒãƒ‰ãƒ©ãƒƒã‚°&ドãƒãƒƒãƒ—ã§å¯èƒ½ã« Gmailã€ãƒ‰ãƒ©ãƒƒã‚°&ドãƒãƒƒãƒ—ã§ãƒ•ã‚¡ã‚¤ãƒ«æ·»ä»˜ãŒå¯èƒ½ã« ã‚‚ã£ã¨ã‚‚最近Gmailã«è¿½åŠ ã•ã‚ŒãŸæ©Ÿèƒ½ã¯ãƒ‰ãƒ©ãƒƒã‚°&ドãƒãƒƒãƒ—ã«ã‚ˆã‚‹ãƒ•ã‚¡
HTML ドラッグ & ドãƒãƒƒãƒ— API - Web API | MDN
HTML ドラッグ & ドãƒãƒƒãƒ—インターフェイスã«ã‚ˆã‚Šã€ã‚¢ãƒ—リケーションã¯ãƒ–ラウザーã§ãƒ‰ãƒ©ãƒƒã‚° & ドãƒãƒƒãƒ—機能を使用ã™ã‚‹ã“ã¨ãŒã§ãã¾ã™ã€‚ ユーザーã¯ãƒžã‚¦ã‚¹ã§ãƒ‰ãƒ©ãƒƒã‚°å¯èƒ½ãªè¦ç´ ã‚’é¸æŠžã—ã€ãã®è¦ç´ をドãƒãƒƒãƒ—å¯èƒ½ãªè¦ç´ ã¸ãƒ‰ãƒ©ãƒƒã‚°ã—ã€ãƒžã‚¦ã‚¹ãƒœã‚¿ãƒ³ã‚’離ã™ã“ã¨ã§ãƒ‰ãƒãƒƒãƒ—ã™ã‚‹ã“ã¨ãŒã§ãã¾ã™ã€‚ドラッグæ“作ã®é–“ã€ãƒ‰ãƒ©ãƒƒã‚°å¯èƒ½ãªè¦ç´ ã®åŠé€æ˜Žã®è¡¨ç¤ºãŒãƒžã‚¦ã‚¹ãƒã‚¤ãƒ³ã‚¿ãƒ¼ã«ç¶šãã¾ã™ã€‚ ドラッグå¯èƒ½ã«ã§ãã‚‹è¦ç´ ã®ç¨®é¡žã€ãƒ‰ãƒ©ãƒƒã‚°å¯èƒ½ãªè¦ç´ ãŒç”Ÿæˆã™ã‚‹ãƒ•ã‚£ãƒ¼ãƒ‰ãƒãƒƒã‚¯ã®ç¨®é¡žã€ãŠã‚ˆã³ãƒ‰ãƒãƒƒãƒ—å¯èƒ½ãªè¦ç´ ã¯ã‚«ã‚¹ã‚¿ãƒžã‚¤ã‚ºã§ãã¾ã™ã€‚ ã“ã® HTML ドラッグ & ドãƒãƒƒãƒ—ã®æ¦‚è¦ã§ã¯ã€ã‚¤ãƒ³ã‚¿ãƒ¼ãƒ•ã‚§ã‚¤ã‚¹ã®èª¬æ˜Žã€ã‚¢ãƒ—リケーションã«ãƒ‰ãƒ©ãƒƒã‚° & ドãƒãƒƒãƒ—ã®ã‚µãƒãƒ¼ãƒˆã‚’è¿½åŠ ã™ã‚‹ãŸã‚ã®åŸºæœ¬çš„ãªã‚¹ãƒ†ãƒƒãƒ—ã€ãŠã‚ˆã³ã‚¤ãƒ³ã‚¿ãƒ¼ãƒ•ã‚§ã‚¤ã‚¹ã®ç›¸äº’é‹ç”¨æ€§ã®è¦ç´„ãŒã‚ã‚Šã¾ã™ã€‚ HTML ドラッグ & ドãƒãƒƒãƒ— ã§ã¯ DOM イベントモデル 㨠マウスイベント を継承ã—ãŸ
SCRAPBLOG : Firefox 3.1 ã®æ–°ã—ã„ドラッグ＆ドãƒãƒƒãƒ— API ã®åŸºæœ¬çš„ãªä½¿ã„æ–¹ （ãã®1～イベントãƒãƒ³ãƒ‰ãƒ©ã®è¿½åŠ ）
サンプルコード (HTML) 2ã¤ã® div è¦ç´ ã‚’é…ç½®ã—ã€ä¸€æ–¹ã‚’ドラッグ元ã€ã‚‚ã†ä¸€æ–¹ã‚’ドãƒãƒƒãƒ—å…ˆã¨ã™ã‚‹ã€‚ ドラッグ元ã¨ãªã‚‹ div è¦ç´ ã«ã¯ã€ã€Œdraggable=â€trueâ€ã€å±žæ€§ã‚’セットã—ãªã‘ã‚Œã°ãªã‚‰ãªã„。ãŸã ã—ã€ãƒªãƒ³ã‚¯ï¼ˆa è¦ç´ ï¼‰ã‚„ç”»åƒ ï¼ˆimg è¦ç´ ）ãªã©ã¯ã€ã€Œdraggable=â€trueâ€ã€ã‚’指定ã—ãªãã¦ã‚‚自動的ã«ãƒ‰ãƒ©ãƒƒã‚°å¯èƒ½ã¨ãªã‚‹ã€‚ ドラッグ元ã®è¦ç´ ã«ã¯ ondragstart, ondrag, ondragend ã®3ã¤ã®ã‚¤ãƒ™ãƒ³ãƒˆãƒãƒ³ãƒ‰ãƒ©ã‚’è¿½åŠ ã—ã€ãƒ‰ãƒãƒƒãƒ—å…ˆã®è¦ç´ ã«ã¯ ondragenter, ondragover, ondragleave, ondrop ã®4ã¤ã®ã‚¤ãƒ™ãƒ³ãƒˆãƒãƒ³ãƒ‰ãƒ©ã‚’è¿½åŠ ã™ã‚‹ã€‚ãŸã ã—ã€å¿…è¦æœ€ä½Žé™ã®ãƒ‰ãƒ©ãƒƒã‚°ï¼†ãƒ‰ãƒãƒƒãƒ—を実装ã™ã‚‹ã®ã§ã‚ã‚Œã°ã€ ondrag, ondragend, ondragleave ã¯çœç•¥ã—ã¦ã‚‚å•é¡Œãªã„。 <html> <head> <ti
1
ランã‚ング
ランã‚ング
ランã‚ング
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
JavaScript Cookbook
{{#tags}}- {{label}}
{{/tags}}