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

<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>