溫馨提示×

溫馨提示×

您好，登錄后才能下訂單哦！

密碼登錄×
登錄注冊×
其他方式登錄
點擊 登錄注冊 即表示同意《億速云用戶服務(wù)條款》

layer的prompt彈出框,點擊回車,觸發(fā)確定事件的方法

發(fā)布時間：2020-10-01 05:54:56 來源：腳本之家 閱讀：680 作者：海月心明 欄目：web開發(fā)

做了個prompt彈出框，希望點擊確定按鈕的時候也能觸發(fā)確定的事件，用戶習慣的原因，在輸入框輸入框數(shù)據(jù)后，再重新拿起鼠標點擊太麻煩，所以想著點擊確定按鈕觸發(fā)事件。

layer.prompt({title: '請輸入數(shù)據(jù)', formType: 1,
 // 這個是確定按鈕的事件
 "success":function(){
 // 鍵盤事件，判斷回車
 $("input.layui-layer-input").on('keydown',function(e){
  if (e.which == 13) {
  // 取輸入框數(shù)據(jù) 和123456 比較
  if("123456" == $(this).val()){
  alert('你點擊了回車按鈕！');
  layer.close(1);
  }
     }
 });
 },
 // 點擊確定按鈕事件
 yes : function(){
 // 取輸入框數(shù)據(jù)
 var pass =$(document.getElementsByClassName('layui-layer-input')[0]).val();
 if("123456" == pass){
  alert('你點擊了確定按鈕!');s
  layer.close(1);
 }
 }
 });

這個方法必須要有yes，下面一個是網(wǎng)上找的代碼，不過不好用

layer.prompt({title: '請輸入數(shù)據(jù)！', formType: 1,
 "success":function(){
 $("input.layui-layer-input").on('keydown',function(e){
 if (e.which == 13) {
  console.log(e.which);
  if("123456" == $(this).val()){
  alert('回車');
  layer.close(1);
  }
    } 
 });
 }}, 
 function(pass, index){
 console.log(index);
 if("123456" == pass){
 alert('確定按鈕');
 }
 layer.close(index);
 });

這個方法之所以不行，是因為點擊確定事件后，也會調(diào)用success的回調(diào)事件，而這個事件中this是不一樣的，所以 $(this).val() 會報錯，所以我采用的方法是把 確定按鈕的回調(diào)事件單獨寫出來 （yes），這樣就不會導致沖突了。

以上這篇layer的prompt彈出框,點擊回車,觸發(fā)確定事件的方法就是小編分享給大家的全部內(nèi)容了，希望能給大家一個參考，也希望大家多多支持億速云。

向AI問一下細節(jié)

免責聲明：本站發(fā)布的內(nèi)容（圖片、視頻和文字）以原創(chuàng)、轉(zhuǎn)載和分享為主，文章觀點不代表本網(wǎng)站立場，如果涉及侵權(quán)請聯(lián)系站長郵箱：is@yisu.com進行舉報，并提供相關(guān)證據(jù)，一經(jīng)查實，將立刻刪除涉嫌侵權(quán)內(nèi)容。

AI
助
手