javascript事件

来源:互联网 发布:vb安装包下载 编辑:程序博客网 时间:2024/04/23 15:32

(1)修改DOM的样式属性时,通过驼峰法。(例如:fontSize backgroundColor)

(2) Onfocus:获得焦点事件

(3)Onblur:失去焦点事件

(4)onchange:内容改变事件

(5) onload:整个文档都被加载完之后才会出发的事件

(6)setInterval 与 setTimeout 的区别:

setInterval 多少秒之后执行某个函数(执行 一次)

setTimeout 每隔多少秒执行某个函数(一直都在执行)

(8)onkeydown:键盘按下时触发事件

(9)onkeyup:键盘抬起时触发事件

(10)onmouseover:鼠标移入是触发事件

(11)onmousout:鼠标移出时触发事件

(12)onmousemove:鼠标移动时触发事件

(13)event对象:包含了所有事件的状态

(14)onsubmit:事件会在表单中的确认按钮被点击时发生

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

(15)onreset:事件会在表单中的重置按钮被点击时发生

一个例子

文本域输入查过100字符后提示

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<script>
function sum (){
    var str=document.getElementById("text");
 var cont = str.value;
 var len = cont.length;
 document.getElementById("span1").innerHTML="你当前输入了"+len+"个字符";

 
if(len>100){
 alert ("您输入超过100个字符了");
 } }
</script>
</head>

<body>
<textarea id="text" cols="20" rows="5" onkeyup="sum()"></textarea><br/>
<span id="span1"></span>
</body>

</html>

 

原创粉丝点击