react15版本中如何拦截浏览器的关闭、刷新、回退事件

Question

目前项目中有个需求，某些场景下需要强制用户做一些操作，就是在关闭、刷新、回退时都得去校验一个表单中的某一项是否有值，请问，这个要怎么实现，求大神指教一二，react版本15.5

Answer 1

window.onbeforeunload = function(event) { 
    // 获取表单值，并验证
    var isValid = document.getElementsById('input').value !=='';
    
    return isValid;
}