<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>三个点击事件</title>
</head>
<body onload="load();">
<div id="dv">你好，早晨</div>
<button type="button" onclick="test()">点我</button>
<select id="se" onchange="getVal(this);">
<option>朝霞</option>
<option>晚霞</option>
<option>黎明</option>
</select>
<script type="text/javascript">
//onload事件
//onload 事件会在页面或图像加载完成后立即发生。
//onload 通常用于 <body> 元素，
//在页面完全载入后(包括图片、css文件等等。)执行脚本代码。
function load(){
var dv = document.getElementById("dv");
dv.style.color="skyblue";
}
//onclicks事件，可以放在绝大多数标签中
function test(){
alert("hello,你点击了");
}
//onchange事件，可以用在<select><input type="text">, <select>,
// <textarea>标签中，当选中的内容，或输入的内容发生改变时，触发该事件。
// change() 函数触发 change 事件，或规定当发生 change 事件时运行的函数。
function getVal(t){
console.log(t.value);//会返回当前选中的值
console.log("--------");//我是分割线
console.log(t.innerHTML);
console.log("--------");//我是分割线
console.log(t.innerText);
//以上两个会返回select标签中的所有内容
}
</script>
</body>
</html>
JavaScript三个点击事件（onload，onclick，onchange）
©著作权归作者所有,转载或内容合作请联系作者
- 文/潘晓璐 我一进店门，熙熙楼的掌柜王于贵愁眉苦脸地迎上来，“玉大人，你说我怎么就摊上这事。” “怎么了？”我有些...
- 文/花漫 我一把揭开白布。 她就那样静静地躺着，像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上，一...
- 文/苍兰香墨 我猛地睁开眼，长吁一口气：“原来是场噩梦啊……” “哼！你这毒妇竟也来了？” 一声冷哼从身侧响起，我...
推荐阅读更多精彩内容
- 在Arcgis 3.X中，点击事件一般可放置于layer,graphic或地图上，当获取图片的点击事件时，就给该组...
- 伪元素的点击事件 1.父元素 使用 ‘pointer-events: none;’ 伪元素使用‘pointer-e...
- 尝试使用第一种做法 尝试使用第二种做法 第一种做法和第二种做法都没法都没法阻止子类向父类传递事件。 第三种方式：在...
