jQuery模拟手机数字键盘

所属分类:输入-丰富的输入,快捷键

 10322  47  查看评论 (5)
jQuery模拟手机数字键盘 ie兼容10
相关插件-丰富的输入,快捷键

Javascript模拟键盘事件

Javascript模拟键盘事件 可对应键盘每一个键
  丰富的输入
 6555  32

jQuery云输入法

将QQ拼音,QQ五笔以及百度手写云输入法集成到网页
  丰富的输入
 17334  24

jQuery评论插件

这是一个评论插件,传入一个评论体即可,支持对留言的回复
  丰富的输入
 8928  88

jQuery移动端自制画板

可以使用多种颜色画笔进行图画,有橡皮擦,代码注释较全容易扩展。注意请在移动端查看效果!
  丰富的输入
 5903  21

讨论这个项目(5)回答他人问题或分享插件使用方法奖励jQ币

    一二三四五 0
    2018/2/9 17:33:02
    怎么写多个输入框啊?不是只能一个的
    回复
    ヅ羽ぷ寒灬 3
    2017/10/19 9:33:56
    // 点击弹出数字键盘
            document.getElementsByClassName("shuru")[0].onclick = function(e){
                e.stopPropagation()
                document.getElementsByClassName("layer-content")[0].classList.add("show")
            }
    
            // 点击页面隐藏数字键盘
            document.getElementsByClassName("wrap-content")[0].onclick = function(e){
                e.stopPropagation()
                document.getElementsByClassName("layer-content")[0].classList.remove("show")
            }  
    
            // 累加键盘数字
            var keyBtn = document.getElementsByClassName('num');
            for (var i = 0; i < keyBtn.length; i++) {
                keyBtn[i].onclick = function () {
                    var oDiv = document.getElementById("div");
                     oDiv.innerHTML += this.innerHTML;
                }
            }
    
            // 键盘删除 退格
            document.getElementById('remove')[0].onclick = function(e){
                e.stopPropagation()
                var oDiv = document.getElementById("div");
                var oDivHtml = oDiv.innerHTML;
                oDiv.innerHTML = oDivHtml.substring(0, oDivHtml.length -1)
            }
    .layer-content {
    	position: fixed;
    	left: 0;
    	bottom: -3.4rem;
    	width: 100%;
    	height: auto;
    	z-index: 1000;
    	transition: bottom .3s linear;
    }			
    
    .layer-content.show{
    	position:fixed;
    	bottom:0;
    	left: 0;
    	z-index: 1000;
    	transition: bottom .3s linear;
    }

    将jquery代码改为原生js, 移动端尽量不要引入jquery 。弹出键盘改为css3动画 ,不使用jquery动画。键盘弹出层使用fixed定位,不用absolute ,这样即使键盘隐藏状态也在页面底部看不到键盘占据得出空间

    回复
    free. 0
    2017/9/13 14:52:09
    div的值怎么传给后台呢
        ヅ羽ぷ寒灬0
        2017/10/19 9:34:50

        获取div的inneHTML值

    回复
    buerwei 0
    2017/1/19 14:44:07

    一开始没什么丝路,看了作者的demo就有想法了

    回复
取消回复