JS原生实现 contenteditable 属性的 onchange 事件

最新推荐文章于 2025-02-19 14:49:57 发布

川哥编程

最新推荐文章于 2025-02-19 14:49:57 发布

阅读量1k

点赞数

文章标签： javascript 前端

本文链接：https://blog.csdn.net/liyichuanZhengzhou/article/details/134040538

版权

<b data-click="text1_change" contenteditable="true">This is a String.</b>

<script>
function text1_change(sef) {
	sef.setAttribute('data-old', sef.innerHTML);
	addEvent(sef, 'blur', text1_blur);
}
function text1_blur(e) {
	var sef = e.target||e.srcElement, val = sef.innerHTML;
	delEvent(sef, 'blur', text1_blur);
	if (val === sef.getAttribute('data-old'))
		return;

	if (!confirm('是否同步修改所有标题？')) return;
	var a = document.querySelectorAll('#igbox > ul > li > table > tbody > tr > td.caption > b');
	for (var i = 0; i < a.length; i++) {
		a[i].innerHTML = val;
	}
	
	// 重写缓存
	a = get_print_settings();
	a['texts']['text1'] = val;
	add_cache(window.PRINT_SETTINGS_KEY,JSON.stringify(a));
}
</script>