Как реализовать функциональность "грязный бит" или другой метод на странице asp.net

Question

У меня есть страница asp.net, на которой у меня есть элемент управления ckeditor и инструмент для загрузки ajax-файлов. Я хочу показать пользователю определенное сообщение, когда он пытается покинуть страницу без сохранения данных. Я новичок в JavaScript/JQuery и хотел бы найти простое решение, непосредственно внедренное в код asp.net. Если возможно, вы можете предоставить пошаговую реализацию грязной функциональности.

 `<script>
 window.onbeforeunload = function (e) {
 return 'Dialog text here.';
  };
</script>`

Приведенный выше код показывает мне сообщение, даже если на странице ничего не изменилось. Как применить его к конкретному элементу управления, например ckeditor/ajaxuploadctrl и т. Д.

Ниже приведен HTML-код

<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" runat="server">
    <div id="DirtyBit">
    <form id="form" runat="server">

       Country : <asp:DropDownList ID="drpCountry" runat="server"></asp:DropDownList>
        <br />
    <table style="width: 100%; height: 337px;">
        <tr>
            <td class="auto-style2">TV&nbsp; :</td>
            <td class="auto-style3"> <CKEditor:CKEditorControl ID="CKTV" BasePath="/ckeditor/" runat="server"
   </CKEditor:CKEditorControl>&nbsp;</td>
        </tr>
       
        <tr>
            <td class="auto-style6">BV :</td>
            <td class="auto-style7"> <CKEditor:CKEditorControl ID="CKBV" BasePath="/ckeditor/"  runat="server">
   </CKEditor:CKEditorControl></td>
        </tr>
       
        <tr>
            <td class="auto-style8">CA :</td>
            <td class="auto-style9"> <CKEditor:CKEditorControl ID="CKCA" BasePath="/ckeditor/" runat="server">
   </CKEditor:CKEditorControl></td>
        </tr>
       
        <tr>
            <td class="auto-style10">CJ :</td>
            <td class="auto-style11"> <CKEditor:CKEditorControl ID="CKCJ" BasePath="/ckeditor/"  runat="server">
   </CKEditor:CKEditorControl></td>
        </tr>
       <tr>
           <td class="auto-style1">
               Visa Form :</td>
           <td><table id="attachedfiles">
               <tr>
                   <td class="auto-style12">
       <asp:ScriptManager runat="server">
</asp:ScriptManager>
<asp:AjaxFileUpload ID="AjaxFileUpload11" runat="server" MaximumNumberOfFiles="5" 
    Width="400px" OnUploadComplete="OnUploadComplete" />
                   </td>
               </tr>
               </table></td>
       </tr>
       <tr>
           <td class="auto-style4">
               </td>
           <td class="auto-style5">
               <asp:Button ID="btnSave" runat="server" Height="30px" OnClick="btnSave_Click" Text="Save" Width="109px" />
                 
           </td>
       </tr>
       <tr>
           <td class="auto-style4">
               &nbsp;</td>
           <td class="auto-style5">
               &nbsp;</td>
       </tr>
    </table>
      
    </form>
        </div>
</asp:Content>