javascript - 怎么在点击确定按钮后退出 input 编辑状态,并且按钮恢复到修改按钮
程序员文章站
2022-05-12 17:37:39
...
现在这段代码是可以在点击修改后 按钮变为确定,并且input输入框会出现
回复内容:
现在这段代码是可以在点击修改后 按钮变为确定,并且input输入框会出现
给你动态生成的input
绑定一个keyup
或者keydown
事件。我都做法是监听回车键Enter
。
// 首先给你动态生成的 input 给一个 id 或者 class ,方便获取 dom 。
o.innerHTML = ""
function changeOrderTime(){
document.getElementById('timeChangeOK').style.display='block';
document.getElementById('changeOrderTime').style.display='none';
var o = document.getElementById("OrderTime");
var c = o.innerHTML;
o.innerHTML = ""
}
timeChangeOK.addEventListener('click', function(){
var o = document.getElementById("OrderTime");;
o.innerHTML = document.getElementById('demo').value;
document.getElementById('timeChangeOK').style.display='none';
document.getElementById('changeOrderTime').style.display='block';
});
用了jquery简单的写了一下,这里是提前把 input写到 html里面,在js控制显示或者隐藏操作。
相关文章
相关视频