取消 ant-design modal(模態框) 右上角×的默認事件，改為自定義

背景：

　　由於項目中需要使用到 ant-design 的模態框組件，但是默認的右上角取消按鈕不能自定義事件，但是客戶又需要顯示出來,並且點擊的時候提示是否需要刪除，不能隱藏，那么就只有想辦法取消默認事件，改為自定義的。

 

 

 

//根據綁定的 class 獲取到該元素
// .ant-modal-close 這個是默認框架給 右上角 x 加的樣式，並通過此類綁定的默認點擊事件
let md = document.querySelector('.ant-modal-close');
let _this = this;
md.addEventListener('click',
    event => {
　　// 使用此方法可以阻止默認的事件
    event.stopImmediatePropagation();
    //改為調用自定義的方法
　　cancel();
},
true);

function cancel(){
　  //自己寫需要的方法...
}