[Assorted-commits] SF.net SVN: assorted:[1885] sandbox/trunk/src/web

[<yan...@us...>]

Revision: 1885
          http://sourceforge.net/p/assorted/svn/1885
Author:   yangzhang
Date:     2014-05-27 04:49:41 +0000 (Tue, 27 May 2014)
Log Message:
-----------
Add dragdrop demo

Added Paths:
-----------
    sandbox/trunk/src/web/dragdrop/
    sandbox/trunk/src/web/dragdrop/Makefile
    sandbox/trunk/src/web/dragdrop/README
    sandbox/trunk/src/web/dragdrop/bower.json
    sandbox/trunk/src/web/dragdrop/index.jade
    sandbox/trunk/src/web/dragdrop/package.json

Added: sandbox/trunk/src/web/dragdrop/Makefile
===================================================================
--- sandbox/trunk/src/web/dragdrop/Makefile	                        (rev 0)
+++ sandbox/trunk/src/web/dragdrop/Makefile	2014-05-27 04:49:41 UTC (rev 1885)
@@ -0,0 +1,3 @@
+all: index.html
+%.html: %.jade
+	./node_modules/.bin/jade $<

Added: sandbox/trunk/src/web/dragdrop/README
===================================================================
--- sandbox/trunk/src/web/dragdrop/README	                        (rev 0)
+++ sandbox/trunk/src/web/dragdrop/README	2014-05-27 04:49:41 UTC (rev 1885)
@@ -0,0 +1,10 @@
+Findings:
+
+- for the event target itself, capture listeners are treated the same as bubble
+  listeners, executed in an arbitrary order
+  <https://developer.mozilla.org/en-US/docs/Web/API/EventTarget.addEventListener>
+- focus, blur not bubbled, but capture-able
+  <http://www.quirksmode.org/blog/archives/2008/04/delegating_the.html>
+- key*, change, focusin, focusout bubble
+- react doesn't have focusin/focusout since its own focus/blur already support
+  bubbling <https://news.ycombinator.com/item?id=6995335>

Added: sandbox/trunk/src/web/dragdrop/bower.json
===================================================================
--- sandbox/trunk/src/web/dragdrop/bower.json	                        (rev 0)
+++ sandbox/trunk/src/web/dragdrop/bower.json	2014-05-27 04:49:41 UTC (rev 1885)
@@ -0,0 +1,19 @@
+{
+  "name": "dragdrop",
+  "version": "0.0.0",
+  "authors": [
+    "Yang Zhang <ya...@gm...>"
+  ],
+  "license": "MIT",
+  "ignore": [
+    "**/.*",
+    "node_modules",
+    "bower_components",
+    "test",
+    "tests"
+  ],
+  "dependencies": {
+    "jquery.event.drag-drop": "~2.2.1",
+    "jquery": "1.8.3"
+  }
+}

Added: sandbox/trunk/src/web/dragdrop/index.jade
===================================================================
--- sandbox/trunk/src/web/dragdrop/index.jade	                        (rev 0)
+++ sandbox/trunk/src/web/dragdrop/index.jade	2014-05-27 04:49:41 UTC (rev 1885)
@@ -0,0 +1,19 @@
+doctype html
+html
+  head
+    title Events demo
+  body
+    .main
+      .draggable Drag me
+    script(src="bower_components/jquery/jquery.js")
+    script(src="bower_components/jquery.event.drag-drop/event.drag/jquery.event.drag.js")
+    script(src="bower_components/jquery.event.drag-drop/event.drag/jquery.event.drag.live.js")
+    script
+      :coffee-script
+        $('.draggable').on 'dragstart', -> console.log 'dragstart'
+        $('.draggable').on 'drag', -> console.log 'drag'
+        $('.draggable').on 'dragend', -> console.log 'dragend'
+        $('.draggable').on 'mousedown', -> console.log '.draggable mousedown'
+        # Note that the mousedown event does not bubble up!
+        $('body').on 'mousedown', -> console.log 'body mousedown'
+        $(document).on 'mousedown', -> console.log 'document mousedown'

Added: sandbox/trunk/src/web/dragdrop/package.json
===================================================================
--- sandbox/trunk/src/web/dragdrop/package.json	                        (rev 0)
+++ sandbox/trunk/src/web/dragdrop/package.json	2014-05-27 04:49:41 UTC (rev 1885)
@@ -0,0 +1,15 @@
+{
+  "name": "events",
+  "version": "0.0.0",
+  "description": "",
+  "main": "index.js",
+  "scripts": {
+    "test": "echo \"Error: no test specified\" && exit 1"
+  },
+  "author": "",
+  "license": "ISC",
+  "dependencies": {
+    "coffee-script": "^1.7.1",
+    "jade": "^1.3.1"
+  }
+}

This was sent by the SourceForge.net collaborative development platform, the world's largest Open Source development site.