防止按鈕重複點選

2022-05-21 23:30:15 字數 456 閱讀 4283

在傳送ajax請求資料的時,只想傳送一次請求,這就需要避免按鈕重複點選 ,總結有一下方法/思路:

表單元素:

設定disabled=true;點選一次之後設定input/button disabled=true;按鈕變灰點選不了

表單元素:

①:定義變數(或自定義屬性)  如:isclick=false; 點選完成之後isclick=true; 判斷為true的時候return false;

②:jquery方法,點選之後解除繫結 unbind  $(selector).unbind(event,function)

③:jquery方法,使用one 該事件只繫結一次   $(selector).one(event,data,function)

你們有木有其他的思路呢???

防止重複點選

當 後端比較複雜,ajax請求比較慢的時候。使用者重複點選會阻塞頁面的渲染。前端限制下很必要。1 doctype html 2 html 3 head 4 meta charset utf 8 5 title 無標題文件 title 6head 78 body 9 div id click 點選按鈕...

js防止重複點選

disabled 沒有之一。el.prop disabled true ajax done function 非表單,自然沒有 disabled 之說,但可以借助中間變數。if el.data loading true return false el.data loading true ajax d...

Vue防止按鈕重複提交

參考了 1 我們首先新建乙個js檔案,例如起名為plugins.js。2 然後我們寫入以下內容,將preventreclick指令暴露出去。import vue from vue 防止重複提交指令 const preventreclick vue.directive preventreclick b...