Java教程

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

本文主要是介绍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发布微博小案例的文章就介绍到这儿，希望我们推荐的文章对大家有所帮助，也希望大家多多支持为之网！
您可能喜欢
栏目导航