JavaScript讓我們有能力建立動態頁面。事件是可以被JavaScript偵測到的行為。網頁中的每個元素都可以產生某些可以觸發JavaScript函數的事件。那麼，js中有哪些事件呢？ 本篇文章將為大家介紹關於js中常用的事件。
話不多說，我們來直接進入正題。
一、js中常用事件之onclick事件
點擊事件（onclick並不是js中的方法，onclick只是瀏覽器提供js的一個dom接口，讓js可以操作dom，所以onclick大小寫都是沒問題的，像是HTML程式碼就不用區分大小寫）。
js中onclick事件的程式碼範例：
<%@pagelanguage="java"import="java.util.*"pageEncoding="UTF-8"%>
<!DOCTYPEHTMLPUBLIC"-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>JavaScript的一些常用方法</title>
<scripttype="text/javascript">
functionmyFunction(){
alert("测试onclick点击事件");
}
</script>
</head>
<body>
<center>
<buttononclick="myFunction()">点击这里</button>
</center>
</body>
</html>說明：
onclick通常會在下列基本物件中產生：
button(按鈕物件)、checkbox(複選框)、radio(單選框)、reset buttons(重置按鈕)、submit buttons(提交按鈕)
二、js中常用事件之onload事件
可以body執行，
js中onload事件的程式碼範例：
<%@pagelanguage="java"import="java.util.*"pageEncoding="UTF-8"%>
<!DOCTYPEHTMLPUBLIC"-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>JavaScript的一些常用方法</title>
<scripttype="text/javascript">
functiontest(){
alert("测试onload方法");
}
</script>
</head>
<bodyonload="test()">
</body>
</html>注意：此方法只能寫在
標籤之中# #三、js中常用事件之onchange事件
當內容改變時觸發。可用於文字方塊、列錶框等對象，此事件一般用於回應使用者修改內容所帶來的其他變更操作。js中onchange事件的程式碼範例：
<%@pagelanguage="java"import="java.util.*"pageEncoding="UTF-8"%>
<!DOCTYPEHTMLPUBLIC"-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>JavaScript的一些常用方法</title>
<scripttype="text/javascript">
functionupperCase(){
varx = document.getElementById("fname").value;
document.getElementById("fname").value = x.toUpperCase();
}
</script>
</head>
<body>
<p>
<labelfor="name">用户名：</label>
<inputtype="text"id="fname"onchange="upperCase()"value=""/>
</p>
</body>
</html>四、js中常用事件之onblur事件和onfocus事件
當前元素失去焦點時觸發該事件，對應的是onfocus事件：得到焦點事件；onblur事件：元素失去焦點。js中onblur事件與onfocus事件的程式碼範例：
<%@pagelanguage="java"import="java.util.*"pageEncoding="UTF-8"%>
<!DOCTYPEHTMLPUBLIC"-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>JavaScript的一些常用方法</title>
<scripttype="text/javascript">
functionchkvalue(txt) {
if(txt.value=="") alert("文本框里必须填写内容!");
}
functionsetStyle(x){
document.getElementById(x).style.background="yellow"
}
</script>
</head>
<body>
失去焦点：
<inputtype="text"name="name"value=""size="30"onblur="chkvalue(this)"><br>
得到焦点：
<inputtype="text"id="name"value=""size="30"onfocus="setStyle(this.id)">
</body>
</html>五、js中常用事件之onscroll事件
#視窗滾動事件：當頁面滾動時呼叫函數。此事件寫在方法的外面，且函數名稱後面不加括號，例如window.onscroll=move。js中onscroll事件的程式碼範例：
<%@pagelanguage="java"import="java.util.*"pageEncoding="UTF-8"%>
<!DOCTYPEHTMLPUBLIC"-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>JavaScript的一些常用方法</title>
<scripttype="text/javascript">
functionmove() {
alert("页面滚动时调用");
}
window.onscroll = move;
</script>
</head>
<body>
测试onscroll方法<BR><BR><BR><BR><BR><BR><BR><BR><BR><BR>
测试onscroll方法<BR><BR><BR><BR><BR><BR><BR><BR><BR><BR>
测试onscroll方法<BR><BR><BR><BR><BR><BR><BR><BR><BR><BR>
测试onscroll方法<BR><BR><BR><BR><BR><BR><BR><BR><BR><BR>
</body>
</html>#六、js中常用事件之onsubmit事件##屬於< ;form>表單元素，寫在
