input text文本框自动保存

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

focus:鼠标移入事件,用于文本框变颜色

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

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

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

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

	
	//弹窗宽度文本框的事件-----开始------focus、blur、mouseout、paste、keydown
	demoEvent.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 = _text
			ss.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)";
	});

猜你喜欢

转载自blog.csdn.net/myfmyfmyfmyf/article/details/126393197