javaScript常用事件资源-CSDN下载

需积分: 34 119 浏览量 2014-09-19 15:08:47 上传评论收藏 18KB DOC 举报

常用javaScript事件归纳。常用事件： 1.onclick 鼠标单击事件通常在下列基本对象中产生： button（按钮对象） checkbox（复选框）或（检查列表框） radio （单选钮） reset buttons（重要按钮） submit buttons（提交按钮）例如可通过下列按钮激活change()文件： <Form> <Input type="button" Value="" onClick="change()"> </Form> 2.onLoad页面加载事件：当页面加载时，自动调用函数（方法）。注意：此方法只能写在<body>标签之中！ 3.onScroll窗口滚动事件：当页面滚动时调用函数。注意：此事件写在方法的外面，且函数名（方法名）后不加括号！例：window.onscroll=move; 4.onBlur失去焦点事件：当光标离开文本框是触发调用函数。当text对象或textarea对象以及select对象不再拥有焦点、而退到后台时，引发该文件，他与onFocas事件是一个对应的关系。 5.onFocus事件：光标进入文本框时触发调用函数。当用户单击Text或textarea以及select对象时，产生该事件。 6.onChange事件：文本框的value值发生改变时调用函数。当利用text或textarea元素输入字符值改变时发该事件，同时当在select表格项中一个选项状态改变后也会引发该事件。例： <Form> <Input type="text" name="Test" value="Test" onCharge="check('this.test)"> </Form> 7.onSubmit事件：属于<form>表单元素，写在<form>表单标签内。语法：onSubmit=”return 函数名()” 8.onKeyDown事件：在输入框中按下键盘上的任何一个键时，都会触发事件，调用函数。注意：此事件写在方法的外面，且函数名（方法名）后不加括号！例：document.onkeydown=函数名（）。 9.setTimeout(“函数名()”,间隔时间（以毫秒为单位）)； 10.clearTimeout(对象) 清除已设置的setTimeout对象鼠标相关事件： 1.onMouseOver：鼠标移动到某对象范围的上方时，触发事件调用函数。注意：在同一个区域之内，无论怎样移动斗志触发一次函数。 2.onMouseOut:鼠标离开某对象范围时，触发事件调用函数。 3.onMouseMove: 鼠标移动到某对象范围的上方时，触发事件调用函数。注意：在同一个区域之内，只要一动一次就出发一次事件调用一次函数。 4.onmouseup 当鼠标松开 5.onmousedown 当鼠标按下键 document对象常用的方法： 1.document.getElementById():通过id获得唯一的一个HTML元素，没有id时，通过name查找 2.document.getElementByName()：获取相同名称的一组元素。主要用于表单中的复选框 Date对象常用方法： Var a=new Date(); //创建a为一个新的时期对象 y=a.getYear(); //y的值为从对象a中获取年份值两位数年份 y1=a.getFullYear(); //获取全年份数四位数年份 m=a.getMonth(); //获取月份值(0-11) d=a.getDate(); //获取日期值 d1=a.getDay(); //获取当前星期值 h=a.getHours(); //获取当前小时数 m1=a.getMinutes(); //获取当前分钟数 s=a.getSeconds(); //获取当前秒钟数 JavaScript是Web开发中不可或缺的一部分，尤其在处理用户交互时，事件扮演着至关重要的角色。本文将详细介绍JavaScript中的一些常用事件及其应用。 1. `onclick`事件：当用户点击指定的对象，如按钮、复选框、单选按钮等，`onclick`事件会被触发。例如，在表单中添加一个按钮，当点击时执行`change()`函数： ```html <Form> <Input type="button" Value="" onClick="change()"> </Form> ``` 2. `onLoad`事件：此事件在页面完全加载后自动调用指定的函数。它通常用于页面初始化操作，需要注意的是，`onLoad`应写在`<body>`标签内： ```html <body onLoad="myFunction()"> ``` 3. `onScroll`事件：当用户滚动页面时，关联的函数会被调用。这个事件一般用于实现滚动时的特定效果： ```javascript window.onscroll = move; ``` 4. `onBlur`事件：当元素失去焦点时触发，例如文本框、文本区域或选择框。`onBlur`和`onFocus`成对出现，表示元素的焦点状态变化： ```html <Input type="text" onBlur="myFunction()"> ``` 5. `onFocus`事件：当元素获取到焦点时触发，适用于需要在用户开始输入时执行某些操作的情况： ```html <Input type="text" onFocus="myFunction()"> ``` 6. `onChange`事件：在文本框或选择框的值发生变化时触发，常用于实时验证输入数据： ```html <Input type="text" onChange="myFunction()"> ``` 7. `onSubmit`事件：只针对`<form>`元素，当表单被提交时，关联的函数会运行。返回值为`false`可以阻止表单的默认提交行为： ```html <form onSubmit="return validateForm()"> ``` 8. `onKeyDown`事件：在用户按下键盘上的任何键时触发，可以用来监听用户的按键行为： ```javascript document.onkeydown = myFunction; ``` 9. `setTimeout`函数：用于在指定的时间（毫秒）后执行一次函数，返回一个定时器ID： ```javascript var timerId = setTimeout("myFunction()", 1000); ``` 10. `clearTimeout`函数：用于取消由`setTimeout`创建的定时器： ```javascript clearTimeout(timerId); ``` 除了这些事件，JavaScript还提供了与鼠标相关的事件： - `onMouseOver`：当鼠标进入元素区域时触发，同一区域内只触发一次。 - `onMouseOut`：当鼠标离开元素区域时触发。 - `onMouseMove`：鼠标在元素区域内移动时持续触发。 - `onMouseUp`：鼠标按钮释放时触发。 - `onMouseDown`：鼠标按钮被按下时触发。在DOM操作中，`document`对象提供了以下常用方法： - `getElementById`：通过ID获取唯一的HTML元素。 - `getElementsByName`：根据名称获取一组元素，通常用于处理复选框和选项。此外，`Date`对象允许我们处理日期和时间： - `getYear`：获取两位数的年份。 - `getFullYear`：获取四位数的年份。 - `getMonth`：获取月份（0-11）。 - `getDate`：获取日期。 - `getDay`：获取一周中的星期几。 - `getHours`：获取小时数。 - `getMinutes`：获取分钟数。 - `getSeconds`：获取秒数。通过理解并熟练运用这些JavaScript事件和对象方法，开发者可以创建出更加互动和响应式的网页应用。

资源推荐

资源详情

资源评论