javascript事件

最新推荐文章于 2025-02-19 09:09:27 发布

原创最新推荐文章于 2025-02-19 09:09:27 发布 · 164 阅读

0 ·

CC 4.0 BY-SA版权

（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>

</html>