JavaScript基础知识-事件(1)

终于研究到了事件的部分了，所谓的事件，是当使用者对页面做出什么动作的意思，例如：滑鼠点击，按下键盘...之类的，而当使用者有这些动作时，我们又该给予什么样式的回应，这都可以透过 JavaScript 来撰写

一般在撰写事件时，会有三种方式，第一种也是较为早期的一种，也是不推荐使用的方式，因为较容易受到外来的攻击：

<input type="button" class="btn" value="点击" onclick="hello();">

上述程式码是在撰写，当点击这颗按钮时，会触发 hello 这个 function，没错，关键是在 onclick="hello();" 在这里面可以撰写 JS，所以也较容易受到外来的方式改写程式码，也是较为危险的方式

而第二种，以上述的按钮为例：

var el = document.querySelector('.btn');el.onclick = function(){    alert('Hello');}

这种方式是直接把我们的事件全部写在 JS 档内，而不是 HTML 内

而第三种，是较为新的写法：

var el = document.querySelector('.btn');el.addEventListener('click',function(){    alert('Hello');})

没错，是採用 .addEventListener() 这个方法，俗称事件监听，来做事件的绑定
大家可以分别试试看，三种方法的事件撰写，下一篇来讲解其差异性。