对象的响应区域 `hit-margin: 4px 5px 4px 8px;` 将元素的交互范围扩大. (从元素的 border 算起) 格式同 margin 属性. 右键菜单 `context-menu: selector(#ITEM_CONTEXT_MENU);` 为元素指定对应的右键菜单. 鼠标拖放操作 ~~~ .item { draggable: only-move;/* 定义拖放的形式 */ } .item-container { drop: insert;/* 定义拖放结束时的处理方式 */ accept-drop: selector( .item );/* 定义容器可接受的被拖放对象 */ } ~~~ draggable 有 4 个取值, 它决定了元素被拖放时的行为: o none 不可拖动 o copy-move 复制并移动 o only-copy 仅复制 o only-move 仅移动 drop 也有 4个取值, 它决定了放开鼠标后拖放的结果: o insert 在鼠标位置插入 o append 在最后面添加 o prepend 在最前面添加 o recycle 删除 accept-drop 用通过css选择符决定了容器可以接受的被拖放对象范围. 在HTMLayout 的 Demo 里面的 html_samples\drag-n-drop\ 目录下有相关示例. 网站上有对此的详细介绍: http://www.terrainformatica.com/wiki/h-smile/drag-n-drop