新的一天

02. 前端Web基础(JS+Vue+Ajax)/JS-Vue/11. JS-常见事件(优化).html

@@ -38,53 +38,8 @@
             <td>优秀</td>
         </tr>
     </table>
-    
-    <script>
-        //click: 鼠标点击事件
-        document.querySelector('#b2').addEventListener('click', () => {
-            console.log("我被点击了...");
-        })
-
-        //mouseenter: 鼠标移入
-        document.querySelector('#last').addEventListener('mouseenter', () => {
-            console.log("鼠标移入了...");
-        })
-
-        //mouseleave: 鼠标移出
-        document.querySelector('#last').addEventListener('mouseleave', () => {
-            console.log("鼠标移出了...");
-        })
-
-        //keydown: 某个键盘的键被按下
-        document.querySelector('#username').addEventListener('keydown', () => {
-            console.log("键盘被按下了...");
-        })
-
-        //keyup: 某个键盘的键被抬起
-        document.querySelector('#username').addEventListener('keyup', () => {
-            console.log("键盘被抬起了...");
-        })
-
-        //blur: 失去焦点事件
-        document.querySelector('#age').addEventListener('blur', () => {
-            console.log("失去焦点...");
-        })
-
-        //focus: 元素获得焦点
-        document.querySelector('#age').addEventListener('focus', () => {
-            console.log("获得焦点...");
-        })
-
-        //input: 用户输入时触发
-        document.querySelector('#age').addEventListener('input', () => {
-            console.log("用户输入时触发...");
-        })
-
-        //submit: 提交表单事件
-        document.querySelector('form').addEventListener('submit', () => {
-            alert("表单被提交了...");
-        })
-    </script>
+    <!-- 引入JS文件 -->
+    <script src="./js/eventDemo.js" type="module"></script> 
 </body>
 
 </html>