Question

我想只关注onclick。 Draggable工作得很好，但是当我完成我的拖动选项时，div会得到集中。此外，我还需要在点击div时删除光标：移动到光标：自动。请帮帮我..

$(function() {
var block = $('#text-block')
block.find('.editable-text').resizable({
    containment: $('#drag-area'),
    handles: {
        nw: block.find('.nw'),
        ne: block.find('.ne'),
        sw: block.find('.sw'),
        se: block.find('.se')
    }, 
    minWidth: 50, minHeight: 18
})
});

$(function() {
$( ".editable-text" ).draggable();
});

我在JSfiddle的代码......！

Answer 1

在.editable-text选择器

下的css中添加以下行

.editable-text {
    /*your old code*/
    outline:none;
}

fiddle

编辑：防止文本选择将noselect课程添加到noselect 并在您的css文件中写下以下内容

.noselect {
  -webkit-touch-callout: none; /* iOS Safari */
  -webkit-user-select: none;   /* Chrome/Safari/Opera */
  -khtml-user-select: none;    /* Konqueror */
  -moz-user-select: none;      /* Firefox */
  -ms-user-select: none;       /* IE/Edge */
  user-select: none;

}

并查看更改光标的jquery更改，如果它正在寻找

Fiddle3 updated

复制此js代码

  $(function() {
  var block = $('#text-block')
  block.find('.editable-text').resizable({
    containment: $('#drag-area'),
    handles: {
        nw: block.find('.nw'),
        ne: block.find('.ne'),
        sw: block.find('.sw'),
        se: block.find('.se')
    }, 
    minWidth: 50, minHeight: 18
  })
});

$(function() {
  $( ".editable-text" ).draggable();

 $(".editable-text").mousedown(function(e){
    if(e.which == 1) {
      $(this).css({
        'cursor':'move'
      });
            }else{
      $(this).css({
          'cursor':'auto'
        });
    }
 });
});

当点击并拖动时，如何避免聚焦div？

1 个答案: