div模擬鍵盤

輸入編號(hào)

123456789

關(guān)閉回刪

//點(diǎn)擊DIV輸入框

var input_txt=document.querySelector(".input");

input_txt.addEventListener('click',function()

{

document.querySelector(".cursor-blink").style.display="inline-block";

document.querySelector(".footer").style.display="block";

},false);

//給每個(gè)數(shù)字,添加點(diǎn)擊事件

var b_num=document.querySelectorAll(".number>b");

var setNumber=document.querySelector(".setNumber");

for(var i=0;i

{

b_num[i].addEventListener('click',function()

{

var num=this.innerText;

document.querySelector(".cursor-blink").style.left="0px";

var txt=setNumber.innerHTML; //獲得DIV文本

if(isNaN(txt))

{

setNumber.innerHTML=""; //刪掉輸入編號(hào)文字

txt=""; //

}

setNumber.innerHTML=txt+""+num;

},false);

}

///

//回刪數(shù)字

var del=document.querySelector("#del");

del.addEventListener('click',function()

{

var setNumber=document.querySelector(".setNumber");

var txtnum=setNumber.innerText;

if(isNaN(txtnum))

{

return;

}

var news_num="";

for(var i=0;i

{

news_num+=""+txtnum[i];

}

setNumber.innerText=news_num;

if(news_num=="")

{

setNumber.innerText="輸入編號(hào)";

document.querySelector(".cursor-blink").style.left="-70px";

}

},false);

//關(guān)閉數(shù)字鍵盤

var close=document.querySelector("#close");

close.addEventListener('click',function()

{

document.querySelector(".cursor-blink").style.display="none";

document.querySelector(".footer").style.display="none";

},false);

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • 問(wèn)答 一、dom對(duì)象的innerText和innerHTML有什么區(qū)別? innerTextinnerText是一...
    婷樓沐熙閱讀 475評(píng)論 0 0
  • js簡(jiǎn)介 Js是一種基于事件和對(duì)象驅(qū)動(dòng)的解釋性、松散性的語(yǔ)言。 一切皆對(duì)象 javascript 布蘭登艾奇 ...
    塔庫(kù)納瑪哈哈閱讀 1,362評(píng)論 0 2
  • 1. dom對(duì)象的innerText和innerHTML有什么區(qū)別? innerText用于獲取元素內(nèi)的文本內(nèi)容;...
    王康_Wang閱讀 302評(píng)論 0 0
  • 你沒有看錯(cuò)標(biāo)題,今天,我將實(shí)現(xiàn)我人生中第一個(gè)框架,^_^ 前期準(zhǔn)備 我這里要寫的是一個(gè)迷你版的Spring MVC...
    張豐哲閱讀 8,922評(píng)論 30 114
  • 今天又干了一碗硬雞湯,感覺不錯(cuò)。所謂雞湯,就是在我們心中猶疑的時(shí)候,得以不忘初心,持之以恒。 2017年8月16日...
    逆風(fēng)有楊閱讀 418評(píng)論 0 1

友情鏈接更多精彩內(nèi)容