WebAPI-06代码练习---05发布微博小案例

2022/4/12 6:14:48

编程Tag： 标签 WebApi const li document 06 按下 05 PUBLISH

本文主要是介绍WebAPI-06代码练习---05发布微博小案例，对大家解决编程问题具有一定的参考价值，需要的程序猿们随着小编来一起学习吧！

<title>发布微博小案例</title> </head> <body> <textarea class="publish"></textarea> <button>发布</button> <ul></ul> <script>

//1.获取发布按钮的dom元素 const but=document.querySelector('button') const publish=document.querySelector('.publish') const ul=document.querySelector('ul') //2.给发布按钮设置鼠标点击事件 but.addEventListener('click',function(){ //要做的具体事情 //3.创建li标签 const li =document.createElement('li') //4.获取文本域标签的内容赋值给li标签 li.innerHTML=publish.value //5.把li标签插入到u标签中 ul.appendChild(li) })

//按下文本域设置键盘按下事件、 //给文本域设置键盘按下事件 publish.addEventListener('keydown',function(event){ console.log(event.key); //判断按下是不是回车键 if(event.key==='Enter'){ but.click(); //点击了一下按钮 } }) </script> </body> </html>

这篇关于WebAPI-06代码练习---05发布微博小案例的文章就介绍到这儿，希望我们推荐的文章对大家有所帮助，也希望大家多多支持为之网！

WebAPI-06代码练习---05发布微博小案例

相关编程文章