首页
酷软
游戏
媒体
- 电影
- 剧集
- 动画
- 记录
- 综艺
- MV
- 有声世界
云资源
源码
更多
- 文库
- 系统
- web
- 站长帮
- 玩电脑
- 玩游戏
- 玩手机
- 涨姿势
- 玩软件
- 云图志
- 看漫画
- 微读书
- PS玩家
- 网文网语
- 硬件数码
- 编程开发
- 神秘之旅
- 福利线报
- 商业资源
- 网赚相关
- 健康加油站
赞助专区
云盘专区
资源阁
缘聚岛
BT种子库

[精彩网文] 通过JS实现单击div编辑文本内容

作者：精品下载站日期：2020-11-14 17:47:27 浏览：96 分类：网文网语

演示

单击我进行编辑

body部分

<div onclick="edit(this)">单击我进行编辑</div>

JS

var titleEditing = false

function edit(element) {
	console.log(titleEditing)
	if (titleEditing) {
		return
	}
	titleEditing = true
	old = element.innerHTML
	element.innerHTML = ""
	var newObj = document.createElement("textarea")
	newObj.className = "textArea"
	newObj.innerHTML = old
	element.append(newObj)
	newObj.focus()
	newObj.onblur = function() {
		element.innerHTML = this.value ? this.value : old
		titleEditing = false
	}
}