當前位置：
首頁 >
前端技术
> javascript
>内容正文
javascript
096_JavaScript事件
生活随笔
收集整理的這篇文章主要介紹了
096_JavaScript事件
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
1. html事件
1.1. html事件可以是瀏覽器或用戶做的某些事情。
1.2. 在html元素上添加事件屬性來觸發事件。
2. JavaScript事件
2.1. 通過JavaScript代碼, html允許您向html元素添加事件處理程序。
2.2.?語法:
<element event='一些 JavaScript代碼'>2.3. 直接在html事件屬性值中寫JavaScript代碼:
<button onclick='document.getElementById("demo").innerHTML="hello world";'>Click Me</button>2.4.?JavaScript代碼通常有很多行。html事件屬性調用JavaScript函數更為常見:
<div id='demo'>hello world</div> <button onclick='myFunction(event)'>Click Me</button><script type="text/javascript">function myFunction(e) {document.getElementById("demo").innerHTML="你好世界";} </script>3. html事件和JavaScript事件
3.1. 實際上事件是在html元素上發生的, 也就是說html觸發事件。
3.2. 事件的實際處理是在JavaScript代碼中的, 我們認為JavaScript執行事件。
4. JavaScript事件能夠做什么?
4.1. 事件處理程序可用于驗證用戶輸入、用戶動作和瀏覽器動作:
- 驗證用戶輸入的表單數據。
- 當用戶點擊按鈕時執行的動作。
- 每當頁面加載完成應該做的事情。
- 當頁面被關閉時應該做的事情。
- 等等
5. 例子
5.1. 代碼
<!DOCTYPE html> <html><head><meta charset="utf-8" /><title>JavaScript事件</title></head><body><div id='demo'>hello world</div><button onclick='myFunction(event)'>Click Me</button><script type="text/javascript">function myFunction(e) {document.getElementById("demo").innerHTML="你好世界";}</script></body> </html>5.2. 效果圖
總結
以上是生活随笔為你收集整理的096_JavaScript事件的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： 011_JavaScript数据类型
- 下一篇： 013_JavaScript函数