用户投稿嗨 大家早安午安晚安
这周开始 JavaScript 的直播班了
发现自己吸收程度真的很慢很多都看不懂QQ
还好有提供直播录影连结
可以把不懂的重複看到懂~
这周就来纪录学到的监听笔记吧:)
何谓监听
监听是指一个事件触发时才会进行对应程式的执行，例如按下Click点击、按下键盘、滑鼠移过去都是属于监听的範围。
如果要用白话一点的形容就是，我已经準备好了就等你一句话!!!
就像男生跟女生求婚：我已经準备好要娶妳了，就等妳点头了(羞>///<
已经準备好要执行了，就差触发了。
监听练习
监听的语法是： 变数名称.addEventListener('click', function);
<body> <input type="text" id="input"> <button type="button" id="submit">增加资料</button> <ul id="list"></ul> <script> var input = document.querySelector('#input'); var btn = document.querySelector('#submit'); var list = document.querySelector('#list'); btn.addEventListener('click', updateData) function updateData() { var text = input.value; input.value = ''; input.focus(); //输入后让游标继续在input输入框 // var string= '<li>' + text + '</li>'; 旧的写法 var liHtml = `<li>${text}</li>`; //ES6的写法 list.innerHTML += liHtml; // list.innerHTML = list.innerHTML + liHtml; } </script></body>>由上面程式码得知，这里是写了一个按钮及输入框，当使用者输入任何字元在按下按钮下面空白就会有字的产生：
这段程式主要是新增列表，类似留言版的概念，一个输入框及送出钮，再写一个无内容的列表 ul；输入框输入值送出时会新增在列表上。
监听是很基本很常用的用法，例如怎么抓id的值、怎么运用执行按下一颗钮处发函式、怎么抓到输入框的值及怎么让值塞到画面上呈现，这是需要时间去理解及消化的，加油加油 go~!!!
微信扫一扫打赏
支付宝扫一扫打赏
