优秀的编程知识分享平台

网站首页 > 技术文章 正文

JS输入法布局(js的输入语句)

nanyue 2024-07-23 13:25:28 技术文章 11 ℃

要求

点击后

点击上面三个,切换输入法,点击关闭显示输入法

HTML

CSS

JS:

window.onload=function(){

var oDiv=document.getElementById("box");

var oP=document.getElementsByTagName("p")[0];

var oUl=oDiv.getElementsByTagName("ul");

var aLi=document.getElementsByTagName("li");

var str=oP.innerText;

oP.onclick=function(){

if(oUl[0].style.display=="none"){

oUl[0].style.display="block";

}

else{

oUl[0].style.display="none";

}

}

for (var i = 0; i < aLi.length; i++) {

aLi[i].onclick=function(){

oP.innerHTML=this.innerText;

oUl[0].style.display="none";

}

}

aLi[3].onclick=function(){

oP.innerHTML=str;

oUl[0].style.display="none";

}

}

大家可以把代码复制到电脑上自己看看效果;感谢关注。

最近发表
标签列表