jquery 实现可编辑DIV
来源:互联网 发布:截屏软件 编辑:程序博客网 时间:2024/05/16 05:27
给realprice开始的DIV绑定click事件.
$("div[id^='realprice']").live('click',function(){
var divedit = $(this);
if (divedit.children("input").length > 0) {
return false;
}
var inputIns = $("<input type='text'/>"); //创建input 输入框
var oldtext = $(this).html(); //保存原有的值
inputIns.width(divedit.width()); //设置INPUT与DIV宽度一致
inputIns.val(divedit.html()); //将本来单元格DIV内容copy到插入的文本框INPUT中
divedit.html(""); //删除原来单元格DIV内容
inputIns.appendTo(divedit).focus().select(); //将需要插入的输入框代码插入DOM节点中
inputIns.click(function () {
return false;
});
//处理回车和ESC事件
inputIns.keyup(function (event) {
var keycode = event.which;
if (keycode == 13) {
divedit.html($(this).val()); //设置新值
}
if (keycode == 27) {
divedit.html(oldtext); //返回旧值
}
}).blur( function (event) {
if($(this).val() != oldtext && window.confirm('是否保存修改值!')){
divedit.html($(this).val());
}else{
divedit.html(oldtext);
}
}
);
});
- jquery 实现可编辑DIV
- jquery 实现可编辑div
- jQuery实现可编辑表格
- jQuery实现可编辑表格
- jQuery实现可编辑表格
- jQuery实现可编辑表格
- JQuery实现可编辑表格
- jQuery 实现Div 可拖动
- jQuery之可编辑表格的实现
- jQuery实现可编辑的表格
- 《Javaweb---JQuery实现可编辑的表格》
- js/jquery实现可编辑表格
- jquery实现可编辑的表格
- jquery实现可编辑的表格
- JQuery实现可编辑的表格
- jQuery 实现可编辑下拉框。
- html+JQuery实现可编辑表格
- jquery 实现可编辑的表格
- 双边滤波器
- 十大Web安全扫描工具
- 图像处理(4)_灰度线性变换
- Apache在本地配置多个虚拟主机站点
- floodfill()函数的应用
- jquery 实现可编辑DIV
- poj1088(动态规划经典)
- 1.自动关机软件1.0-自动开机时如何获得全路径
- ARM裸机——FS2410串口通信(UART)
- ubuntu10.04下virtualbox虚拟机使用u盘,网银
- 如何为嵌入式开发建立交叉编译环境
- LaTex文档的输入问题
- http://www.cnblogs.com/wujd/archive/2012/01/10/wujiandong-android-1.html
- 笔试题1--猫吃老鼠问题