JS事件触发函数

事件的分类：

一般事件：

修改DOM的样式属性时，通过驼峰法

例如 fontSize   backgroundColor

Onfocus

Onblur

function clearInput(){

//获得输入框的值

var username = document.getElementById("username");

username.value = '';

}

function getInput(){

//获得输入框的值

var username = document.getElementById("username");

username.value = '请输入用户名';

}

onchange

function changeCont(){

//先获得下拉列表的值

var num = document.getElementById("select");

var optValue = num.value;

var divCont = document.getElementById("div1");

divCont.style.fontSize = (optValue*10)+'px';

}

Onload 事件：

整个文档（body）都被加载完之后才触发的事件

setInterval()  和 setTimeout 的区别

setTimeout（）多少秒之后执行某函数（执行1次）

setInterval()  每个多少秒执行某个函数（一直在执行）

var str = "欢迎来到我的空间";

function Move(){

//alert(str.substr(1));

//如何截取第一个字符

//alert(str.charAt(0));

str = str.substr(1)+str.charAt(0);

window.status = str;

document.title = str;

setTimeout("Move()",500);

}

//setInterval("Move()",500);

鼠标事件

  移入移出（onmouseover，onmouseout）

function changeColor(){

//找到div

var div = document.getElementById("div1");

div.style.backgroundColor = "blue";

}

function changeRed(){

//找到div

var div = document.getElementById("div1");

div.style.backgroundColor = "red";

}

backgroundColor  ----- 是驼峰法（DOM方式操作CSS样式的时候，）

普通的CSS文件的时候-------background-color

function sum(){

//获得用户输入的字符

var str = document.getElementById("text");

var cont = str.value;

//统计用户输入的字符串的长度

var len = cont.length;

document.getElementById("span1").innerHTML = "你当前输入了"+len+"个字符";

}

表单事件

阻止表单提交

需要注意：onsubmit事件应该绑定在 form表单里，而不是submit按钮上