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>
//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,标签,publish,li,按下,const,document 来源： https://www.cnblogs.com/123456NIE/p/16133314.html