離開頁面時(shí)檢測(cè)表單元素是否被修改,提示保存的js代碼
更新時(shí)間：2010年08月25日 22:05:54 作者：
離開頁面時(shí),檢測(cè)表單元素是否被修改,然后給出提示.防止用戶錯(cuò)失修改的機(jī)會(huì)，提高用戶體驗(yàn)。
復(fù)制代碼 代碼如下:
window.onbeforeunload = function() {
if(is_form_changed()) {
return "您的修改內(nèi)容還沒有保存，您確定離開嗎？";
}
}
function is_form_changed() {
var t_save = jQuery("#t_save"); //檢測(cè)頁面是否要保存按鈕
if(t_save.length>0) { //檢測(cè)到保存按鈕,繼續(xù)檢測(cè)元素是否修改
var is_changed = false;
jQuery("#A4 input, #A4 textarea, #A4 select").each(function() {
var _v = jQuery(this).attr('_value');
if(typeof(_v) == 'undefined') _v = '';
if(_v != jQuery(this).val()) is_changed = true;
});
return is_changed;
}
return false;
}
jQuery(document).ready(function(){
jQuery("#A4 input, #A4 textarea, #A4 select").each(function() {
jQuery(this).attr('_value', jQuery(this).val());
});
});
您可能感興趣的文章:
- javascript innerHTML、outerHTML、innerText、outerText的區(qū)別
- javascript innerText和innerHtml應(yīng)用
- JavaScript中innerHTML，innerText，outerHTML的用法及區(qū)別
- javascript中innerText和innerHTML屬性用法實(shí)例分析
- js中innerText/textContent和innerHTML與target和currentTarget的區(qū)別
- JavaScript動(dòng)態(tài)改變HTML頁面元素例如添加或刪除
- 快速解決js動(dòng)態(tài)改變dom元素屬性后頁面及時(shí)渲染的問題
- js 獲取元素在頁面上的偏移量的方法匯總
- JavaScript獲取頁面上某個(gè)元素的代碼
- js使用文檔就緒函數(shù)動(dòng)態(tài)改變頁面內(nèi)容示例【innerHTML、innerText】
相關(guān)文章
這篇文章主要為大家詳細(xì)介紹了js實(shí)現(xiàn)非常漂亮的煙花效果，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2020-03-03
JS實(shí)現(xiàn)的自定義水平滾動(dòng)字體插件完整實(shí)例
這篇文章主要介紹了JS實(shí)現(xiàn)的自定義水平滾動(dòng)字體插件,以完整實(shí)例形式分析了javascript自定義水平滾動(dòng)字體插件的定義、原理與使用技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下2016-06-06
這篇文章主要幫助大家輕松掌握J(rèn)avaScript策略模式，什么是js策略模式，感興趣的小伙伴們可以參考一下2016-08-08
JS正則表達(dá)式判斷有效數(shù)實(shí)例代碼
這篇文章主要介紹了JS正則表達(dá)式判斷有效數(shù)實(shí)例代碼,非常不錯(cuò)，具有參考借鑒價(jià)值，需要的朋友可以參考下2017-03-03
使用Microsoft Ajax Minifier減小JavaScript文件大小的方法
大家用來減小JavaScript文件下載大小的常見的方式有2種： 壓縮（compression）和縮?。╩inification）。2010-04-04
微信小程序?qū)崿F(xiàn)九宮格翻牌動(dòng)畫
這篇文章主要為大家詳細(xì)介紹了微信小程序?qū)崿F(xiàn)九宮格翻牌動(dòng)畫，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2022-04-04
如何用JavaScript學(xué)習(xí)算法復(fù)雜度
這篇文章主要介紹了如何用JavaScript學(xué)習(xí)算法復(fù)雜度，對(duì)算法感興趣的同學(xué)，一定要看一下2021-04-04
JS庫 Highlightjs 添加代碼行號(hào)的實(shí)現(xiàn)代碼
Highlightjs是一款優(yōu)秀的代碼高亮Js組件，可以很方便地對(duì)各種語言編寫的代碼添加語法高亮樣式。本文重點(diǎn)給大家介紹Highlightjs 添加代碼行號(hào)的實(shí)現(xiàn)代碼，需要的朋友參考下吧2017-09-09
這篇文章主要介紹了谷歌瀏覽器調(diào)試JavaScript小技巧,需要的朋友可以參考下2014-12-12
這篇文章主要為大家詳細(xì)介紹了jQuery中deferred對(duì)象使用方法，也就是延遲對(duì)象的使用方法，感興趣的小伙伴們可以參考一下2016-07-07