Skip to content
/ bigtext Public

让输入框显示放大镜效果的js组件

Notifications You must be signed in to change notification settings

tomgor/bigtext

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

4 Commits
 
 
 
 
 
 

Repository files navigation

输入框放大镜组件

输入框放大镜用于web界面对输入框组件进行输入时,提醒用户输入的长度和数据,特别是数据超过输入框长度用户无法查看时,特别有效。 废话不多说,直接上图 效果图

用法

引入js

<script src="jquery.js"><!-- 依赖jquery -->
<script src="util.js"><!-- 工具类-->
<script src="big-text.js">

对需要使用的input标记样式

<input type="text" class="bigtext">

进行初始化

BigTextInput.initBigTextInput({
        dom:'#container',//需要标记的input容器,用于减少jquery查找范围,默认为document
        el:'.bigtext',//需要初始化功能的input框的jquery选择器
        filter:function(e){//如果el过滤器不能很好的过滤出你需要初始化的input,可以加入filter
            if(e.target.type != 'text'){
                return false;
            }
            return true;
        }
    });

小东西,欢迎指教 QQ邮箱:[email protected]

About

让输入框显示放大镜效果的js组件

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published