欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  后端开发

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控制显示或者隐藏操作。

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

声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn核实处理。

相关文章

相关视频