如何使用contentEditable在元素上启用“可拖动"? [英] How can I enable 'draggable' on a element with contentEditable?

问题描述

我想使用jQuery UI同时具有可编辑和可拖动的div.内容可编辑性似乎仅在未启用可拖动性的情况下才起作用.我想念什么吗?我正在使用jQuery 1.4.4和jQuery UI 1.8.9

I'd like to have a div that is at the same time editable and draggable, using jQuery UI. Content editability seems to work only if draggable is not enabled. Am I missing something? I'm using jQuery 1.4.4 and jQuery UI 1.8.9

JavaScript:

JavaScript:

$(function(){
    $('#draggable').draggable();
});  

HTML:

<div contenteditable="true" id="draggable">TEXT</div>

推荐答案

它正在工作，但jQuery Draggable正在劫持click事件.您仍然可以选择它.这是一个快速修复.

It is working but the jQuery draggable is hijacking click event. You can still tab to it. This is a quick fix.

$('#draggable').draggable().bind('click', function(){
  $(this).focus();
})

这篇关于如何使用contentEditable在元素上启用“可拖动"?的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！