欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

js檢測離開或刷新頁面時表單數(shù)據(jù)是否更改的方法

 更新時間:2016年08月02日 15:52:08   作者:Quber  
這篇文章主要介紹了js檢測離開或刷新頁面時表單數(shù)據(jù)是否更改的方法,涉及javascript表單操作及事件響應(yīng)的相關(guān)技巧,需要的朋友可以參考下

本文實例講述了js檢測離開或刷新頁面時表單數(shù)據(jù)是否更改的方法。分享給大家供大家參考,具體如下:

function formIsDirty(form) {
  for (var i = 0; i < form.elements.length; i++) {
    var element = form.elements[i];
    var type = element.type;
    if (type == "checkbox" || type == "radio") {
      if (element.checked != element.defaultChecked) {
        return true;
      }
    }
    else if (type == "hidden" || type == "password" || type == "text" || type == "textarea") {
      if (element.value != element.defaultValue) {
        return true;
      }
    }
    else if (type == "select-one" || type == "select-multiple") {
      for (var j = 0; j < element.options.length; j++) {
        if (element.options[j].selected != element.options[j].defaultSelected) {
          return true;
        }
      }
    }
  }
  return false;
}
window.onbeforeunload = function (e) {
  e = e || window.event;
  if (formIsDirty(document.forms["someForm"])) {
    // IE 和 Firefox
    if (e) {
      e.returnValue = "對不起,頁面數(shù)據(jù)已做修改,尚未保存,確定要刷新或離開本頁面?";
    }
    // Safari瀏覽器
    return "對不起,頁面數(shù)據(jù)已做修改,尚未保存,確定要刷新或離開本頁面?";
  }
};

更多關(guān)于JavaScript相關(guān)內(nèi)容感興趣的讀者可查看本站專題:《JavaScript中json操作技巧總結(jié)》、《JavaScript切換特效與技巧總結(jié)》、《JavaScript查找算法技巧總結(jié)》、《JavaScript動畫特效與技巧匯總》、《JavaScript錯誤與調(diào)試技巧總結(jié)》、《JavaScript數(shù)據(jù)結(jié)構(gòu)與算法技巧總結(jié)》、《JavaScript遍歷算法與技巧總結(jié)》及《JavaScript數(shù)學(xué)運算用法總結(jié)

希望本文所述對大家JavaScript程序設(shè)計有所幫助。

相關(guān)文章

  • JS路由跳轉(zhuǎn)的簡單實現(xiàn)代碼

    JS路由跳轉(zhuǎn)的簡單實現(xiàn)代碼

    本文給大家分享一個簡單的js路由跳轉(zhuǎn)功能,非常不錯,需要的朋友參考下吧
    2017-09-09
  • 2020淘寶618理想生活列車自動領(lǐng)喵幣js腳本的代碼

    2020淘寶618理想生活列車自動領(lǐng)喵幣js腳本的代碼

    這篇文章主要介紹了2020淘寶618理想生活列車自動領(lǐng)喵幣腳本,需要先安裝 auto.js腳本,本文通過實例代碼給大家介紹的非常詳細(xì),對大家的學(xué)習(xí)或工作具有一定的參考借鑒價值,需要的朋友可以參考下
    2020-06-06
  • Script標(biāo)簽與訪問HTML頁面詳解

    Script標(biāo)簽與訪問HTML頁面詳解

    本篇文章主要是對Script標(biāo)簽與訪問HTML頁面進行了詳細(xì)的介紹,需要的朋友可以過來參考下,希望對大家有所幫助
    2014-01-01
  • NestJs使用Mongoose對MongoDB操作的方法

    NestJs使用Mongoose對MongoDB操作的方法

    這篇文章主要介紹了NestJs使用Mongoose對MongoDB操作的方法,文中通過示例代碼介紹的非常詳細(xì),對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧
    2021-02-02
  • JS過濾url參數(shù)特殊字符的實現(xiàn)方法

    JS過濾url參數(shù)特殊字符的實現(xiàn)方法

    本篇文章主要是對JS過濾url參數(shù)特殊字符的實現(xiàn)方法進行了詳細(xì)的分析介紹,需要的朋友可以過來參考下,希望對大家有所幫助
    2013-12-12
  • JS的replace方法詳細(xì)介紹

    JS的replace方法詳細(xì)介紹

    replace() 方法的參數(shù) replacement 可以是函數(shù)而不是字符串。在這種情況下,每個匹配都調(diào)用該函數(shù),它返回的字符串將作為替換文本使用
    2012-11-11
  • js實現(xiàn)的仿新浪微博完美的時間組件升級版

    js實現(xiàn)的仿新浪微博完美的時間組件升級版

    本博客沒有華麗的布局,只求樸實的js的代碼,只為js代碼愛好者提供,一周大概會出1-2篇js前沿代碼的文章.只是代碼,不說技術(shù)
    2011-12-12
  • js實現(xiàn)用戶輸入的小寫字母自動轉(zhuǎn)大寫字母的方法

    js實現(xiàn)用戶輸入的小寫字母自動轉(zhuǎn)大寫字母的方法

    下面小編就為大家?guī)硪黄猨s實現(xiàn)用戶輸入的小寫字母自動轉(zhuǎn)大寫字母的方法。小編覺得挺不錯的,現(xiàn)在就分享給大家,也給大家做個參考。一起跟隨小編過來看看吧
    2017-01-01
  • uniapp打包成微信小程序的詳細(xì)過程

    uniapp打包成微信小程序的詳細(xì)過程

    微信小程序的出現(xiàn)給我們提供了一種使用應(yīng)用的新方式和體驗,下面這篇文章主要給大家介紹了關(guān)于uniapp打包成微信小程序的相關(guān)資料,文中通過圖文介紹的非常詳細(xì),需要的朋友可以參考下
    2022-07-07
  • js實現(xiàn)div層緩慢收縮與展開的方法

    js實現(xiàn)div層緩慢收縮與展開的方法

    這篇文章主要介紹了js實現(xiàn)div層緩慢收縮與展開的方法,通過javascript自定義函數(shù)實現(xiàn)div層的收縮與展開效果,非常具有實用價值,需要的朋友可以參考下
    2015-05-05

最新評論