前端筆記43——JavaScript中時事件繫結函式
阿新 • • 發佈：2019-01-01
前言
在上篇部落格《前端筆記42——JavaScript中函式》中，我們有說起JavaScript中的函式。在平時開發中我們點選事件要用的函式，我們要怎麼繫結讓使用者觸發的事件繫結函式呢？下面來接受方法。
事件繫結函式
程式碼例項：
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> </head> <body> <button id="btn">點選我啊</button> <script type="text/javascript"> // 函式是一段具有一定功能的程式碼塊 function fn(){ // 這個函式的功能就是彈出一段話 alert("點選成功") } // 需求：實現點選的時候 彈出內容 // 首先我應該找到這個元素 var oBtn = document.getElementById("btn") // 給oBtn繫結事件,事件函式繫結 onclick事件名稱 oBtn html元素 // fn事件處理函式 oBtn.onclick = fn; </script> </body> </html>
上面的程式碼中fn()就是我們的函式，var oBtn = document.getElementById("btn")是獲取html的元素， oBtn.onclick = fn;就是將事件繫結函式的關鍵。