如何让DIV可编辑、可拖动
2013-09-17 11:28
260 查看
1、可编辑:
<div id="move" contentEditable="true">可编辑</div>
设置contentEditable属性可以让div编程可编辑状态
2、可拖动:
$('#move').draggable();
使用jQuery UI的draggable可以让div变成可拖动状态,但是如果两个属性同时应用就会出现可编辑功能失效的状况。
3、可编辑、可拖动:
<div id="move"
contentEditable="true">可编辑</div>
var divTitle=$('#move');
这样控制一下就可以让div同时具有edit和drag属性了。
<div id="move" contentEditable="true">可编辑</div>
设置contentEditable属性可以让div编程可编辑状态
2、可拖动:
$('#move').draggable();
使用jQuery UI的draggable可以让div变成可拖动状态,但是如果两个属性同时应用就会出现可编辑功能失效的状况。
3、可编辑、可拖动:
<div id="move"
contentEditable="true">可编辑</div>
var divTitle=$('#move');
divTitle.draggable().click(function () { $(this).draggable({ disabled: false }); $(this).css('backgroundColor', 'transparent'); }).dblclick(function () { $(this).draggable({ disabled: true }); $(this).css('backgroundColor', '#FFFF6F'); });
这样控制一下就可以让div同时具有edit和drag属性了。
相关文章推荐
- 如何让DIV可编辑、可拖动
- 如何让DIV可编辑、可拖动示例代码
- 如何让DIV可编辑、可拖动示例代码
- 如何让DIV可编辑、可拖动
- 如何让DIV可编辑、可拖动示例代码
- javascript实现div的拖动并调整大小类似qq空间个性编辑模块
- 如何用JavaScript做一个可拖动的div层
- 可编辑div中如何在光标位置添加内容
- 在禁止了页面的触摸拖动事件之后如何允许某div可以拖动
- javascript实现div的拖动并调整大小类似qq空间个性编辑模块
- 拖动DIV如何保存的问题
- 如何让div获取焦点或可编辑
- 2017-02-20 可编辑div中如何在光标位置添加内容
- 拖动DIV如何保存的问题
- 请教方法和例子:VS2003的datagrid控件,如何实现用鼠标拖动的方法选中任意区域的多个单元格,然后进行统一编辑??
- 拖动DIV如何保存的问题
- 如何用JavaScript做一个可拖动的div层
- 拖动DIV如何保存的问题
- 拖动DIV如何保存的问题
- js中,为可编辑div添加表情后如何光标移至最后