javaScript事件基礎
阿新 • • 發佈：2022-04-10
事件基礎
1.事件簡介
1.1事件是可以被JavaScript監聽到的行為，簡單理解就是觸發--響應機制
1.2事件的三要素：事件源、事件型別、事件處理程式
<body>
<button id="btn">詳情</button>
<script>
// 1事件源:獲取id為btn的物件
var btn=document.getElementById('btn')
//2事件型別：如何觸發 是什麼事件比如說滑鼠點選事件(onclick)
//3事件處理程式：通過一個函式賦值的方式
btn.onclick=function
1.3改變元素的內容
<body>
<button id="btn">顯示當前系統時間</button>
<div id="divtime">某個時間</div>
<script>
//獲取元素
var btn= document.getElementById('btn')
var divtime= document.getElementById('divtime')
1.4表單元素的屬性操作
<body>
<button>按鈕</button>
<input type="text" value="請輸入內容">
<script>
//獲取元素
var btn= document.querySelector('button');
var input= document.querySelector('input');
//繫結事件
btn.onclick=function(){
input.value='被點選了';
//如果需要某個表單被禁用了 不能點選了 disabled
// btn.disabled=true;
// 也可以使用this
this.disabled=true;
}
</script>
1.5樣式屬性操作可以通過js修改元素的大小、顏色和樣式