首页 > 代码库 > JS双击div编辑文本内容
JS双击div编辑文本内容
HTML代码:
<div class="album"> <div class="image"><a href="javascript:;" onclick="view({$vo.id})"><img src="http://www.mamicode.com/{$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=http://www.mamicode.com/‘"+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编辑文本内容
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。