layui.use模塊外部使用其內部定義的js封裝函數方法

更新時間：2019年09月16日 09:14:50 作者：Big_Rui

今天小編就為大家分享一篇layui.use模塊外部使用其內部定義的js封裝函數方法，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧

用途：常用于監(jiān)聽輸入框（其內部不提供監(jiān)聽函數）。

用法：需要在 use 中定義 window 函數供外部引用。

// 調用成功

 <div class="layui-form-item " >
    <label class="layui-form-label">原密碼</label>
    <div class="layui-input-block">
     <input type="text" name="password" id="oldpass" οnchange="pass1()" class="layui-input">
    </div>
  </div>

//無法調用

 <div class="layui-form-item " >
    <label class="layui-form-label">新密碼</label>
    <div class="layui-input-block">
     <input type="text" name="password" id="oldpass" οnchange="pass2()" class="layui-input">
    </div>
  </div>

<script >
   layui.use('form', function(){
    var form=layui.form;


    window.pass1=function ()
    {
     var x=document.getElementById("oldpass");
     x.value=x.value.toUpperCase();
    }

    var pass2=function ()
    {
     var x=document.getElementById("oldpass");
     x.value=x.value.toUpperCase();
    }
   });
 </script>

以上這篇layui.use模塊外部使用其內部定義的js封裝函數方法就是小編分享給大家的全部內容了，希望能給大家一個參考，也希望大家多多支持腳本之家。

您可能感興趣的文章:

TypeScript中的方法重載詳解
這篇文章主要給大家介紹了關于TypeScript中方法重載的相關資料，文中通過示例代碼介紹的非常詳細，對大家學習或者使用TypeScript具有一定的參考學習價值，需要的朋友們下面來一起學習學習吧
2019-04-04
JS實現斐波那契數列的五種方式(小結)
這篇文章主要介紹了JS實現斐波那契數列的五種方式(小結)，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧
2020-09-09
JavaScript實現表單驗證功能
這篇文章主要為大家詳細介紹了JavaScript實現表單驗證功能，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2020-12-12
JavaScript觀察者模式(publish/subscribe)原理與實現方法
這篇文章主要介紹了JavaScript觀察者模式(publish/subscribe)原理與實現方法,簡單分析了javascript觀察者模式的原理、功能并結合實例形式給出了觀察者模式的實現技巧,需要的朋友可以參考下
2017-03-03
css transform 3D幻燈片特效實現步驟解讀
3D幻燈片特效想必大家以不在陌生至于表現形式一般都是拘泥于傳統(tǒng)接下來為大家介紹下使用css3 transform配合js以及html實現3D幻燈片特效
2013-03-03
js中刪除數組中的某一元素實例(無下標時)
下面小編就為大家?guī)硪黄猨s中刪除數組中的某一元素實例(無下標時)。小編覺得挺不錯的，現在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
2017-02-02
JavaScript數據類型及相互間的轉換規(guī)則
這篇文章主要介紹了JavaScript數據類型及相互間的轉換規(guī)則，文章通過圍繞主題展開詳細的內容介紹，具有一定的參考價值，需要的小伙伴可以參考一下
2022-09-09
Js如何使用ffmpeg進行視頻剪輯和畫面截取等功能
在日常處理視頻文件時常常會用到視頻片段的截取功能,FFmpeg支持該功能,下面這篇文章主要給大家介紹了關于Js如何使用ffmpeg進行視頻剪輯和畫面截取等功能的相關資料,需要的朋友可以參考下
2024-04-04
javascript表單正則應用
這篇文章主要為大家詳細介紹了javascript表單正則應用，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2017-02-02
JavaScript 日期時間選擇器一些小結
flatpickr 是一個輕量級、注重精益、由 UX 驅動和可擴展的 JavaScript 日期時間選擇器。這篇文章主要介紹了JavaScript 日期時間選擇器,需要的朋友可以參考下
2018-04-04