@{
Layout = null;
}
<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width" />
<title>ChapterSix</title>
<link href="~/Content/bootstrap-3.3.7-dist/css/bootstrap.min.css" rel="stylesheet" />
<style>
.container {
margin-top:20px;
}
</style>
</head>
<body>
<div class="container">
<button class="btn btn-info" onclick="funOnclick()">onclick鼠标点击事件</button>
<button class="btn btn-primary" onmouseover="funOnmouseover()">onmouseover鼠标经过事件</button>
<button class="btn btn-success" onmouseout="funOnmouseout()" >onmouseout鼠标移开事件</button>
<input type="text" class="form-control" onchange="funOnchange()" id="txtFun"/>
</div>
<script>
/* 6-1 什么是事件
JavaScript 创建动态页面。事件是可以被 JavaScript 侦测到的行为。
网页中的每个元素都可以产生某些可以触发 JavaScript 函数或程序的事件。
比如说，当用户单击按钮或者提交表单数据时，就发生一个鼠标单击
（onclick）事件，需要浏览器做出处理，返回给用户一个结果。
主要事件表：
onclick 鼠标点击事件 onmouseover 鼠标经过事件
onmouseout 鼠标移开事件 onchange 文本框内容改变事件
onselect 文本框内容被选中事件
onfocus 光标聚集事件 onblur 光标离开事件
onload 网页加载事件 onunload 关闭网页
ondbclick 双击事件
*/
//onclick 鼠标点击事件
function funOnclick()
{
alert("onclick鼠标点击事件");
}
//onmouseover鼠标经过事件
function funOnmouseover()
{
alert("onmouseover鼠标经过事件");
}
//funOnmouseout鼠标移开事件
function funOnmouseout()
{
alert("onmouseout鼠标移开事件");
}
//onchange 文本框内容改变事件
function funOnchange()
{
var txt = document.getElementById("txtFun").value;
//console.log(txt);
if (txt == "文本框") {
alert("onchange 文本框内容改变事件");
} else {
alert("输入错误！");
}
}
//加载事件（onload）事件会在页面加载完成后，立即发生，同时执行被调用的程序。
//注意：1. 加载页面时，触发onload事件
//2. 此节的加载页面，可理解为打开一个新页面时。
//如下代码,当加载一个新页面时，弹出对话框“加载中，请稍等…”。
//window.onload = funOnload;
//function funOnload()
//{
// alert("加载中，请稍等…");
//}
//window.onload = function () {
// alert("加载中，请稍等…");
//}
</script>
</body>
</html>
1177
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
