|
什么是事件？
事件是发生在你正在编程的系统中的事情——当事件发生时，系统产生（或“触发”）某种信号，并提供一种机制，当事件发生时，可以自动采取某种行动（即运行一些代码）。事件是在浏览器窗口内触发的，并倾向于附加到驻留在其中的特定项目。这可能是一个单一的元素，一组元素，当前标签中加载的 HTML 文档，或整个浏览器窗口。有许多不同类型的事件可以发生。
比如说你鼠标放在放在一个元素上面，他会进行变换，或者说你在键盘上按下一个按键，发生反应，这些是事件。
JavaScript有哪些事件
事件用法onblur在对象失去输入焦点时触发。onclick在用户用鼠标左键单击对象时触发。onchange当对象或选中区的内容改变时触发。ondblclick当用户双击对象时触发。onfocus当对象获得焦点时触发。onload在浏览器完成对象的装载后立即触发。onkeyup当用户释放键盘按键时触发。onselect当这个被选中区改变时触发。onunload在对象卸载前立即触发。onmouseover当用户将鼠标指针移动到对象内时触发。onmouseout当用户将鼠标指针移出对象边界时触发。
onblur：
Title
//onblur--在失去焦点时触发
function fun(){
var in2=document.getElementById("in2");
alert("in2此时输入的值："+in2.value);
}
运行：
onclick：
Title
//onclick 在元素被点击时触发
function bianSmall(){
var img1=document.getElementById("img1");
img1.style.width="50px";
img1.style.height="50px";
}
运行的时候点击一下图片就可以看到效果：
 点击后：
onchange:
Title
//onchange--输入框内容发生改变时触发
function fun(){
var in2=document.getElementById("in2");
alert("in2此时输入的值："+in2.value);
}
这个和onblur是有区别的，这个是触发这个事件
ondbclick:
Title
//ondbclick 在元素被双击时触发
function bianDiv(){
var div1=document.getElementById("div1");
div1.style.backgroundColor="red";
}
双击前： 双击后：
onfocus：
Title
//获取焦点事件onfocus
var in1=document.getElementById("in1");
var in2=document.getElementById("in2");
var in3=document.getElementById("in3");
var in4=document.getElementById("in4");
function fun1(){
console.log("====in1获取到焦点===");
}
function fun2(){
console.log("====in2获取到焦点===");
console.log("in1输入的值是==="+in1.value);
}
浏览器运行右击检查打开控制台看效果
onload：
Title
window.onload=function(){
alert("页面加载完成了");
}
onkeyup:
Title
//键盘弹起事件onkeyup
function fun(){
var in1=document.getElementById("in1");
console.log(in1.value);
}
onselect：
Title
function fun(){
var in1=document.getElementById("in1");
console.log(in1.value);
}
运行后打开控制台：在text框输入后选中在输入其他的就会显示之前的值
|