layer的prompt彈出框,點擊回車,觸發(fā)確定事件的方法
更新時間：2019年09月06日 15:57:09 作者：海月心明
今天小編就為大家分享一篇layer的prompt彈出框,點擊回車,觸發(fā)確定事件的方法，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧
做了個prompt彈出框，希望點擊確定按鈕的時候也能觸發(fā)確定的事件，用戶習(xí)慣的原因，在輸入框輸入框數(shù)據(jù)后，再重新拿起鼠標(biāo)點擊太麻煩，所以想著點擊確定按鈕觸發(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），這樣就不會導(dǎo)致沖突了。
以上這篇layer的prompt彈出框,點擊回車,觸發(fā)確定事件的方法就是小編分享給大家的全部內(nèi)容了，希望能給大家一個參考，也希望大家多多支持腳本之家。
相關(guān)文章
給超鏈接添加特效鼠標(biāo)移動展示提示信息且隨鼠標(biāo)移動
需要實現(xiàn)這樣的效果，就是給超鏈接添加特效當(dāng)鼠標(biāo)移動到上展示提示信息且提示信息跟隨鼠標(biāo)移動，經(jīng)測試還不錯，感興趣的朋友可以參考下2013-10-10
在使用Element Plus官方API時,表格默認(rèn)排序可能會遇到問題,一個列表可能被多次排序影響數(shù)據(jù)展示,解決方法是修改useSortTable.js文件,這樣可以確保表格按預(yù)期正確排序,更多詳情可查閱相關(guān)的技術(shù)文檔或資源2024-10-10
webpack1已結(jié)不再維護(hù)了，官方在主推webpack2，最近在升級webpack過程中遇到了不少的問題，所以下面這篇文章主要給大家總結(jié)了一些在webpack 1.x升級過程中的遇到的坑，以及詳細(xì)的解決方法，需要的朋友可以參考借鑒，下面來一起看看吧。2017-08-08
非常不錯的像素拼圖效果2009-04-04
JavaScript實現(xiàn)圖片自動加載的瀑布流效果
這篇文章主要介紹了JavaScript實現(xiàn)圖片自動加載的瀑布流效果的相關(guān)資料,需要的朋友可以參考下2016-04-04
本文向大家詳細(xì)展示了從C#程序員的視角學(xué)習(xí)TypeScript的過程，主要是針對這兩種語言的異同進(jìn)行了簡單的對比學(xué)習(xí)，希望對大家能夠有所幫助。2015-06-06
使用insertAfter()方法在現(xiàn)有元素后添加一個新元素
為javascript添加insertAfter()方法即在現(xiàn)有元素后添加一個新元素，示例如下，大家不妨學(xué)習(xí)下2014-05-05
清空代碼防止查看源代碼的js代碼...2007-07-07
這篇文章主要介紹了JS替換字符串中 方法，非常的簡單實用，附上各種示例代碼，有需要的小伙伴可以參考下。2015-04-04
這篇文章主要為大家詳細(xì)介紹了js實現(xiàn)時分秒倒計時，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下2019-12-12