javascript - 怎么在点击确定按钮后退出 input 编辑状态，并且按钮恢复到修改按钮

测试:

待修改文字

确定

现在这段代码是可以在点击修改后 按钮变为确定，并且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控制显示或者隐藏操作。

测试:

待修改文字
    

确定