发新贴  快速回复

课后练习,esc退出不保存当前正在修改的todo list,也会出发input输入框失去焦点,这个地方应该如何处理

chentian
2017-12-24 20:22
    err=(ev){
        // let {inputVal}=this.state;
        console.log(ev.target.value);
        let {itemEditDone,todo}=this.props;
        itemEditDone(todo,this.state.inpVal);
        this.setState({
            inEdit:false
        });
    }
    onEnter(ev){
        if(ev.keyCode==13){
            let {itemEditDone,todo}=this.props;
            itemEditDone(todo,this.state.inpVal);
            this.setState({
                inEdit:false
            });
        }else if(ev.keyCode==27){
            let {inputVal}=this.state;
            this.setState({
                inEdit:false,
                inputVal:inputVal
            });
        }

    }

 

 

按Esc键,input失去焦点,退出todo list的编辑状态,并且不保存已经编辑过的todo list 文本。这时如果想让在编辑状态下,通过Esc键以外的方式触发input失去焦点,保存正在编辑的todo list 该如何处理

本帖内容针对以下视频发布:

41-用路由改造todoList
Flowke

这两个函数都会运行, 你可以在其中一个函数判断 inEdit 是 true 还是 false, 如果是 false,就不能执行后面的代码了

2017-12-27 18:29  回复本帖
登录 后才可以发表回复