JS双击div编辑文本内容
2014-11-13 10:18
183 查看
HTML代码:
JQuery代码:
<div class="album"> <div class="image"><a href="javascript:;" onclick="view({$vo.id})"><img src="{$vo.img}" /></a></div> <div class="name" id="{$vo.id}" ondblclick="edit(this,{$vo.id})">{$vo.name}</div> </div>
JQuery代码:
function edit(msg,id){ var text = $(msg).text(); $(msg).html("<input type='text' name='album' value='"+text+"' size=20"); $("input[name='album']").focus(); $("input[name='album']").blur(function(){ var name = $(this).val(); if(name.indexOf(" ") >= 0 || name == ""){ alert("相册名称不能为空且不能含有空格!"); $("input[name='album']").focus();//获取焦点 $("input[name='album']").select();//input内容选中 }else{ if(text == name){ $(msg).html(text); }else{ $.get( url+"edit?id="+id+"&name="+encodeURI(name), function(result){ if(result != ''){alert(result);} $(msg).html(name); }); } } }); }
相关文章推荐
- JS在可编辑的div中的光标位置插入内容的方法
- js实现类似微信网页版在可编辑的div中粘贴内容时过滤剪贴板的内容,光标始终在粘贴内容后面,以及将光标定位到最后的方法
- js在一个可编辑的div光标处插入图片或者文本(兼容ie,火狐等浏览器)
- JS在可编辑的div中的光标位置插入内容或表情
- js实现双击改变文本内容
- JS在可编辑的div中的光标位置插入内容或表情
- JS在可编辑的div中的光标位置插入内容的方法
- JS在可编辑的div中的光标位置插入内容或表情
- 双击文本实现可编辑
- 使Div内内容可编辑
- js实现双击单元格变成文本输入框效果代码
- 在IE上直接编辑网页内容的js代码(IE地址栏js)
- 如何用js控件div的滚动条,让它在内容更新时自动滚到底部?
- js控制文本内容闪烁
- 怎样使可编辑的DIV固定大小,当内容多时,就自动出现滚动条
- 在可编辑的(contentEditable="true")的DIV中动态设置文本属性
- 怎样使可编辑的DIV固定大小,当内容多时,就自动出现滚动条
- [网页]双击文字后实现编辑文本功能
- [网页]双击文字后实现编辑文本功能
- js分页显示div的内容