js虚拟键盘输入框特效代码下载


js虚拟键盘输入框特效代码下载
js虚拟键盘输入框特效代码下载以及虚拟键盘、输入框等js/jquery网页特效代码下载。

1. 引入CSS

<link rel="stylesheet" type="text/css" href="css/normalize.css" />
<link rel="stylesheet" type="text/css" href="css/reset.css">
<link rel="stylesheet" href="css/index.css">

2. 引入JS

<script src="js/index.js"></script>

3. HTML代码

<div class="content">
	<h3 style="color: #fff;text-align: center;">A-Keyboard Virtual Keyboard Example</h3>
	<textarea style="margin: auto; display: block;" id="input" rows="8" cols="80"></textarea>
		<br>
	<div id="main"></div>
</div>
<script>
const keyboard = new aKeyboard.keyboard({
	el: '#main',
	style: {},
	fixedBottomCenter: true
})
keyboard.inputOn('#input', 'value')
keyboard.onclick('Enter', function() {
	alert('oh! 这是自定义事件!它覆盖了原始的回车事件。This is a custom event! It override the original enter event.');
})
</script>
<div style="text-align:center;margin:10px 0; font:normal 14px/24px 'MicroSoft YaHei';">
</div>

相关推荐

发表评论

相关文章