input text文本框自动保存

文本框变更，进行其他操作不能触发focus、chang操作，以及进行ctrl+v操作之后，直接点下一步按钮，为了修复文本框无法及时保存问题，通过增加对相关的文本框增加focus、blur、mouseout、paste、keydown五个事件进行修复

focus：鼠标移入事件，用于文本框变颜色

blur：失去焦点事件，用于保存+文本框变色

mouseout：鼠标移出事件，用于保存+文本框变色

paste：保存操作，用于获取粘贴板数据进行保存+文本框变色，这里不能用ctrl+v做keydown监听，这是没有数据变更，还是旧数据，监听paste

keydown：监听键盘，用于获取回车，用于保存和文本框变色

	//弹窗宽度文本框的事件-----开始------focus、blur、mouseout、paste、keydowndemoEvent.addListener(leftwidthinput, 'focus', function(e){leftwidthinput.style.border="3px solid red";	});demoEvent.addListener(leftwidthinput, 'blur', function(e){if(leftwidthinput.value!=""){ss.vertices[0].eventinfo[0].popdivwidth=leftwidthinput.value;}leftwidthinput.style.border="1px solid rgb(112, 112, 112)";		});demoEvent.addListener(leftwidthinput, 'mouseout', function(e){if(leftwidthinput.value!=""){ss.vertices[0].eventinfo[0].popdivwidth=leftwidthinput.value;}leftwidthinput.style.border="1px solid rgb(112, 112, 112)";		});demoEvent.addListener(leftwidthinput,'paste', function(e){// 获取解析 粘贴的文本var _text =  (e.clipboardData   ||  window.clipboardData ).getData( 'text' );if (_text!="") {//alert("粘贴操作");leftwidthinput.value = _textss.vertices[0].eventinfo[0].popdivwidth = _text;}  leftwidthinput.style.border="1px solid rgb(112, 112, 112)";});demoEvent.addListener(leftwidthinput,'keydown', function(e){if (e.keyCode == 13&&leftwidthinput.value!="") {//alert("你按下了回车");ss.vertices[0].eventinfo[0].popdivwidth=leftwidthinput.value;}leftwidthinput.style.border="1px solid rgb(112, 112, 112)";});

本文来自互联网用户投稿，文章观点仅代表作者本人，不代表本站立场，不承担相关法律责任。如若转载，请注明出处。 如若内容造成侵权/违法违规/事实不符，请点击【内容举报】进行投诉反馈！