Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

使用安全模式创建虚拟键盘类对象，修复键盘小图标点击无效（键盘不收回去）问题 #2

Open
wants to merge 6 commits into
base: master
Choose a base branch
from
+810 −316
Open

使用安全模式创建虚拟键盘类对象，修复键盘小图标点击无效（键盘不收回去）问题 #2

Show file tree
Hide file tree
Changes from 4 commits
Commits
Show all changes
6 commits
Select commit Hold shift + click to select a range
0d6a5e6
mod:虚拟数字键盘安全模式创建，可配置输入数字位数和小数位数
Sep 5, 2019
825193c
fix:点击键盘小图标键盘没有收回去
Sep 5, 2019
ff40fc4
feat:增加自定义配置可选获取焦点和补0
Sep 5, 2019
de2cb6a
feat:虚拟键盘多个输入框切换数据,顺便格式化代码
Sep 6, 2019
e4cee01
feat:增加清除键盘输入缓存回调函数
Sep 18, 2019
b80035f
uniapp键盘组件
Oct 24, 2019
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
65 changes: 43 additions & 22 deletions virtualKeyBoard/demo.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,28 +1,49 @@
<!DOCTYPE html>
<html lang="en">

<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no">
<title>虚拟键盘</title>
<link rel="stylesheet" href="http://at.alicdn.com/t/font_709005_2fq0kn635st.css">
<meta charset="UTF-8">
<meta name="viewport"
content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no">
<title>虚拟键盘</title>
<link rel="stylesheet"
href="http://at.alicdn.com/t/font_709005_2fq0kn635st.css">
<style>
.input-price-box {
height: 30px;
line-height: 30px;
margin-bottom: 10px;
border: 1px solid #FF6A00;
border-radius: 7px;
text-align: right;
}

</style>
</head>

<body>
<div class="key-board-cursor" data-key-board="target" id="keyBoard">
</div>
<script src="./virtualKeyBoard.js"></script>
<script>
var keyBoardEl = document.querySelector('#keyBoard');
var keyBoard = new KeyBoard({
target: 'target',
callBack: function(res, status) {
// console.log(res.value);
keyBoardEl.innerHTML = res.value;
console.log(keyBoardEl.innerHTML)
},
comfirm: function(res) {
console.log(res);
}
});
</script>
<div class="key-board-cursor input-price-box"
data-key-board="target">
</div>
<div class="key-board-cursor input-price-box"
data-key-board="target">
</div>
<script src="./virtualKeyBoard.js"></script>
<script>
var keyBoard = KeyBoard({
target: 'target',
isInitFocus: false, // 初始化是获取焦点显示键盘
isFillDecimal: false, // 默认 false 输入"."是否补0，不补0将处理掉"."
inputRegion: '.input-price-box', // 需要作为输入框绑定的类
callBack: function (res, status) {
console.log('键盘点击回调', res, status)
},
// 确认按钮事件
comfirm: function (res) {
console.log(res);
}
});
</script>
</body>
</html>

</html>
Loading