首页 /  web前端 /  JavaScript /  jQuery特效 / jQuery ui draggable 对可编辑div拖动失去焦点的修复比较理想的方法

0 55

jQuery ui draggable 对可编辑div拖动失去焦点的修复比较理想的方法


<div contenteditable="true" id="d">
<span>Text to edit</span>
</div>
jQuery("#d").draggable();
   
jQuery("#d").click(function(){
	if (jQuery(this).hasClass('ui-draggable-disabled')){		
	}else{
          jQuery(this).draggable('option', 'disabled', true);
	  jQuery(this).attr('contenteditable','true');
	  setFocus(this);
	}
}).blur(function(){
      jQuery(this).draggable( 'option', 'disabled', false);
     jQuery(this).attr('contenteditable','false');
});
//此函数是为了让光标移到文末
function setFocus(obj){
obj.focus(); //解决ff不获取焦点无法定位问题 
var range = window.getSelection();//创建range  
range.selectAllChildren(obj);
range.collapseToEnd();//光标移至最后 
}  


 

[来源] https://yuanmouren.erlyun.com/p.php?id=90

[声明] 本站资源来自用户分享,如损害你的权益请联系客服QQ:120074275给予处理。

添加一条新回复
小鱼儿 2020-04-09 18:02
0
送花
20积分一朵