快捷導(dǎo)航

layui.use模塊外部使用其內(nèi)部定義的js封裝函數(shù)方法

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

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

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

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

// 調(diào)用成功

 <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>

//無法調(diào)用

 <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模塊外部使用其內(nèi)部定義的js封裝函數(shù)方法就是小編分享給大家的全部內(nèi)容了，希望能給大家一個參考，也希望大家多多支持腳本之家。

您可能感興趣的文章:

相關(guān)文章

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