文本框变更,进行其他操作不能触发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)";
});