$(document).ready(function() {
var isChange = false;
var editObj = $("input,textarea,select");
editObj.change(function () {
isChange = true;
$(this).addClass("editing");
});
$(window).bind('beforeunload', function (e) {
if (isChange || editObj.hasClass('editing')) {
return '離開?';
}
});
$("button").click(function (e) {
editObj.removeClass('editing');
});
});
submit
<button type="submit" id="submit">SUBMIT</button>
當 input,textarea,select 有編輯過時離開,確實會出現提示,用谷歌F12確實會看到該物件出現 editing class
但是怪異的是
明明後面已經有 button 觸發 removeClass
每次按下 SUBMIT 都還是出現提示視窗?
是順序哪裡有錯誤嗎?