ウェブブラウザで使える、仮想キーボード。
https://sorutoproject.github.io/Soruto-Web-Keyboard/index.html
<html>
<head>
<script>
window.onload = function(){
//要素にSoruto Web Keyboardを適用
//webKeyboard.add(適用する要素のセレクターの文字列)
webKeyboard.add("#input",{
placeholder:"曲名を入力...",//仮想キーボードのテキストボックスが空のときに表示する文字列
//仮想キーボードの「OK」ボタンが押されたとき(引数には仮想キーボードで確定された文字列が入る)
onEnter:function(text){
alert("入力内容:" + text);
}
});
}
</script>
<script src="dist/soruto-WebKeyboard.js"></script>
<link rel="stylesheet" href="dist/soruto-WebKeyboard.css">
</head>
<body>
あなたの好きな曲
<div id="input"></div>
<style>
#input {
width: 100%;
height: 1.5em;
border: #0058d0 1px solid;
}
</style>
</body>
</html>