前端做假修改（只更改显示数据），实际更改数据（更改数据库）后台执行。
当前代码段为前端代码展示： （推荐学习：前端视频）
HTML:
test.html
立即学习“前端免费学习笔记（深入）”；
nbsp;html> <!-- td { border:solid 1px; width:200px; height:auto; text-align:center; }
登录后复制 test1 test2 test1 test2
JS:
test.js
var firstValue = "";var nowDom = "";//当前操作的td//点击更改事件function test(doms) { doms.removeAttribute("onclick"); nowDom = doms; var text = doms.innerText; doms.innerHTML = ''; firstValue = text; document.getElementById("input").focus();} //文本框更改事件function chane(doms) { var text = doms.value; if (text != firstValue) { //提交后台更改数据库 //前端操作 nowDom.innerHTML = ""+text; nowDom.setAttribute("onclick", "test(this)"); }} //文本框失焦事件function inputOnblur(doms) { var text = doms.value; if (text != firstValue) { //提交后台更改数据库 } nowDom.innerHTML = "" + text; nowDom.setAttribute("onclick", "test(this)");}
登录后复制
原理就是点击时将文本改成输入框即可！
效果演示：
点击文本后效果：
鼠标失焦或者回车保存后效果：
以上就是单击列表修改其内容（前端部分）怎么做（代码）的详细内容，更多请关注【创想鸟】其它相关文章！
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容， 请发送邮件至253000106@qq.com举报，一经查实，本站将立刻删除。
发布者：PHP中文网，转转请注明出处：https://www.chuangxiangniao.com/p/2956050.html
