[JQUERY] jQuery BlockUI Plugin 預設遮罩樣式

如標題

忽然說想要做有遮罩的功能,爬文一下作紀錄

https://dotblogs.com.tw/shadow/2017/10/01/233945

http://jquery.malsup.com/block/#download

https://dotblogs.com.tw/shadow/2011/12/16/62309

 

 

對asp.net webfomr上畫面所有 btn submit,上遮罩

參考來源

如何使用javascript监听表单提交事件?
https://www.codenong.com/7410063/

Using jQuery to detect which submit button has been clicked
https://stackoverflow.com/questions/40328909/using-jquery-to-detect-which-submit-button-has-been-clicked/40330493


        var buttonClicked = "";//點擊的ID
    
        $(function () {
        //監聽 submit 如果有送出就掛上一個  blockui
        $('#<%= form1.ClientID %>').submit(function () {

            var testAA = "btnPDF".split(',');  //按鈕 => 轉PDF EXCEL 不會get回來,所以會卡在旋轉畫面
            if (testAA.indexOf(buttonClicked) == -1) {    // =-1  沒找到
                $.blockUI({ message: '<h1><img src="../../Images/busy.gif" />資料處理中...</h1>' });
            }            

            return true;
        });


       //偵測哪個 button被按了
        $("#<%= form1.ClientID %> input[type = 'submit']").click(function (e) {
            buttonClicked = $(this).attr("id");
        })
  })

以上文章僅用紀錄資料使用.....