Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/80.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript jQuery虚拟键盘正在保存以前输入的值_Javascript_Jquery_Html - Fatal编程技术网

Javascript jQuery虚拟键盘正在保存以前输入的值

Javascript jQuery虚拟键盘正在保存以前输入的值,javascript,jquery,html,Javascript,Jquery,Html,我和虚拟键盘猪一起工作,我有问题 问题是,在一个UI中,我有几个输入字段,对于每个字段,我有类“输入”,它们调用键盘 当我点击第一次输入并输入数据时,以前输入字段的数据将复制为新数据。 $(文档).ready(函数(){ $(“.numpad”).hide(); $('.input')。单击(函数(){ $('.numpad').fadeToggle('fast'); }); $('.del')。单击(函数(){ $('.input').val($('.input').val().substri

我和虚拟键盘猪一起工作,我有问题

问题是,在一个UI中,我有几个输入字段,对于每个字段,我有类“输入”,它们调用键盘

当我点击第一次输入并输入数据时,以前输入字段的数据将复制为新数据。
$(文档).ready(函数(){
$(“.numpad”).hide();
$('.input')。单击(函数(){
$('.numpad').fadeToggle('fast');
});
$('.del')。单击(函数(){
$('.input').val($('.input').val().substring(0,$('.input').val().length-1));
});
$('.faq')。单击(函数(){
警报(“它是虚拟键盘”);
})
$('.shuffle')。单击(函数(){
$('.input').val($('.input').val()+$(this.text());
});
});
$(“.input”)。在(“单击”上,函数(){
$('.modal.cover').removeClass(“隐藏”);
$('.modal').addClass(“缩放”);
});
//隐藏模态
$(.cover.close”)。打开(“单击”,函数(){
$('.modal').attr('class','modal');
$('.modal,.cover').addClass(“隐藏”);
});
.keyboard按钮{
利润率:13px;
}
.键盘按钮{
显示:内联块;
边框:1px实心#fff;
颜色:#fff;
边界半径:30px;
-webkit边界半径:30px;
-moz边界半径:30px;
字体系列:Verdana;
宽度:自动;
高度:自动;
字体大小:22px;
填充:20px 27px;
背景色:#878787;
}
.键盘按钮:悬停,.键盘按钮:激活{
边框:1px实心#FFFFFF;
颜色:#000;
背景色:#fff;
}
.掩护{
z指数:1;
位置:固定;
身高:100%;
宽度:100%;
背景色:#333;
排名:0;
左:0;
不透明度:.9;
}
.莫代尔{
z指数:2;
高度:390px;
宽度:350px;
背景色:#262626;
边界半径:5px;
文本对齐:居中;
边框顶部:实心3px#262626;
位置:绝对位置;
不透明度:0.9;
排名:0;
底部:0;
左:0;
右:0;
保证金:自动;
}
.modal.content p{
字号:2em;
颜色:#fff;
高度:50px;
宽度:100%;
位置:绝对位置;
排名:0;
底部:0;
左:0;
右:0;
保证金:自动;
}
.倾斜{
显示:块;
变换:透视(300px);
动画:向上倾斜0.7秒;
动画填充模式:正向;
填充顶部:0;
}
@关键帧向上倾斜{
0% {
底部:-400px;
不透明度:0;
变换:rotateX(-80度);
边框顶部:实心40px;
}
30% {
不透明度:0;
}
100% {
底部:0;
}
}
.zoom{
显示:块;
动画:缩放0.7秒;
动画填充模式:正向;
}
@关键帧缩放{
0% {
不透明度:0;
变换:缩放(0,0);
}
30% {
不透明度:0;
}
100% {
底部:0;
}
}
.隐藏{
显示:无;
}
.反向{
动画方向:反向;
}

1.
2.
3.
4.
5.
6.
7.
8.
9
X
0
?

看到这个飞贼,你会有一些想法。

$(文档).ready(函数(){
选择的var\u inp;
$(“.numpad”).hide();
$('.input')。单击(函数(){
所选的_inp=$(此项);
$('.numpad').fadeToggle('fast');
});
$('.del')。单击(函数(){
$('.input').val($('.input').val().substring(0,$('.input').val().length-1));
});
$('.faq')。单击(函数(){
警报(“它是虚拟键盘”);
})
$('.shuffle')。单击(函数(){
//$('.input').val($('.input').val()+$(this.text());
选中的_inp.val($(this.text());
});
(函数($){
$.fn.shuffle=函数(){
var allegerms=this.get(),
getRandom=函数(最大值){
返回Math.floor(Math.random()*max);
},
无序=$.map(等位基因,函数(){
var random=getRandom(等位基因长度),
randEl=$(等位基因[随机]).clone(真)[0];
等位基因剪接(随机,1);
返回兰德尔;
});
这是每个功能(i){
$(this).replace为($(shuffled[i]);
});
返回$(洗牌);
};
})(jQuery);
});
$(“.input”)。在(“单击”上,函数(){
$('.modal.cover').removeClass(“隐藏”);
$('.modal').addClass(“缩放”);
});
//隐藏模态
$(.cover.close”)。打开(“单击”,函数(){
$('.modal').attr('class','modal');
$('.modal,.cover').addClass(“隐藏”);
});
.keyboard按钮{
利润率:13px;
}
.键盘按钮{
显示:内联块;
边框:1px实心#fff;
颜色:#fff;
边界半径:30px;
-webkit边界半径:30px;
-moz边界半径:30px;
字体系列:Verdana;
宽度:自动;
高度:自动;
字体大小:22px;
填充:20px 27px;
背景色:#878787;
}
.键盘按钮:悬停,.键盘按钮:激活{
边框:1px实心#FFFFFF;
颜色:#000;
背景色:#fff;
}
.掩护{
z指数:1;
位置:固定;
身高:100%;
宽度:100%;
背景色:#333;
排名:0;
左:0;
不透明度:.9;
}
.莫代尔{
z指数:2;
高度:390px;
宽度:350px;
背景色:#262626;
边界半径:5px;
文本对齐:居中;
边框顶部:实心3px#262626;
位置:绝对位置;
不透明度:0.9;
排名:0;
底部:0;
左:0;
嗯