作者knives ()
看板Ajax
标题[讨论] jQuery UI的Drag 怎麽Bind keydown
时间Tue Jun 19 17:23:05 2012
我的Html是这样
<div rel="a_0_149" class="sublist toggle addlight inajax del_draggable
ui-draggable" auid="0_149" lid="91" style="position: relative;"><span
class="show">
<a sub="1" rel="a_0_149" class="menu_link"
href="?auid=0_149">用户</a></span>
</div>
js是这样写
$('.del_draggable').draggable({
revert: "invalid",
stop: function(event, ui){
event.stopPropagation();
event.preventDefault();
},
drag: function(event, ui){
$(this).bind('keydown',function(event){
alert(event.keyCode);
});
event.stopPropagation();
}
});
现在有两个问题
首先 我希望在 drag 的状态下,去监听 keydown
可是我 在drag事件加上 $(this).bind('keydown');
却不会有反应
我希望当用户 按下Esc的时候,取消Drag
第二个问题是
因为我的HTML ,.del_draggable底下还包着一个超连结
导致用户拖曳的时候,很容易就触发超连结的动作
我本来在stop 事件有加上event.stopPropagation();
event.preventDefault();
可是似乎不会有反应
该怎麽做才能让拖曳的过程 不会触发超连结 的点击 动作
谢谢回答
--
※ 发信站: 批踢踢实业坊(ptt.cc)
◆ From: 59.126.209.219
1F:推 mesak:$('a').click(function(e){e.preventDefault();}) 06/20 11:35