![JS实现自定义简单网页软键盘效果代码【javascript】](https://1200zi.500zi.com/uploadfile/img/14/552/fea341a3bdc0ea51a075ebd8363ba1d7.jpg)
web前端|js教程
JS,自定义,网页软键盘
web前端-js教程
源码 能交易吗,vscode真机调试移动端,ubuntu 黑客主题,单台tomcat集群,bilibil弹幕爬虫,php isodate,以下哪项不是SEO优化的优势,flash源文件网站lzw
这是一款自定义的简单点的网页软键盘,没有使用任何控件,仅是为了练习JavaScript编写水平,安全性方面没有过多考虑,有顾虑的可以不用,目的是学习,希望对您有用处。
指纹识别 源码,在vscode使用git,ubuntu菜niao,tomcat生成服务,malab爬虫,小型商城 php,正规seo优化优惠吗,网站模版php,简单的商城页面模板lzw
运行效果截图如下:
卖花网站源码,vscode怎么生成,ubuntu显卡温度过高死机,idea停tomcat,ios sqlite去重复,jquery运动插件,web前端框架主要包括,如何用爬虫去找订单,php if判断大小,河南seo技术,html网站模板免费下载,手机qq空间 网页版 html5 源码,应用下载模板,制造程序模板lzw
在线演示地址如下:
/js//js-simple-web-keybord-style-codes/
具体代码如下:
自写一个简单点的网页软键盘* { padding:0; margin:0;}body { background:#fff;}th, td { border:1px solid #ccc; padding:2px 0; text-align:center;}td { cursor:pointer}div { border:1px solid #999; float:left; padding:1px; display:none;}.num { color:blue;}var htmlCode = { "&" : "&", \" : "\"", "<" : "" : ">",}function test(){ var input = document.getElementById("input"); var e = window.event || test.caller.arguments[0]; var el = e.target || e.srcElement; if(el.tagName.toLowerCase() == "td" && el.rowSpan <= 1 && el.colSpan <= 1 ){ var str = el.innerHTML; str = htmlCode[str] || str; input.value += str; } if(el.innerHTML == "退格"){ input.value = input.value.slice(0,-1); } if(el.innerHTML == "切换大/小写"){ var els = document.getElementsByTagName("td"); for(var i = 0, l = els.length; i 0) el.style.display = "none"; else { el.style.display = "block"; sortNum(); capsInit(); }}function capsInit(){ var els = document.getElementsByTagName("td"); for(var i = 0,j = 0, l = els.length; i 0.5?1:-1; }); var els = document.getElementsByTagName("td"); for(var i = 0,j = 0, l = els.length; i < l; i++){ var str = els[i].innerHTML; if(/^\d$/.test(str)) els[i].innerHTML = arr[j++]; } }