作者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