Javascript事件
2015-09-15 22:47
549 查看
Javascript包含三种模型:内联模型、脚本模型和DOM2模型。
1.内联模型(现在基本不用了)
即事件响应处理函数作为一个标签属性来执行,典型的就是onclick()函数;
2.脚本模型
为了解决html与javascript的分离。
PS:也可以将onclick函数写在外面。DOM2模型以后再提。
JS事件类型包括:鼠标事件、键盘事件和HTML事件。
常用的时间处理函数可以自行查阅,包括:
(1)鼠标事件:onclick、ondblclick(双击)、onmousedown、onmouseup、onmouseover、onmouseout、onmousemove。
(2)键盘事件:onkeydown、onkeypress(按下字符键)、onkeyup。
(3)HTML事件:onfocus(元素获得焦点时)、onload(页面加载完时)、onunload(页面卸载时)、onselect(选定完成时)、onchange(修改完毕时)、onsubmit、onresize(窗口变换时)、onscroll(页面滚动时)等。
1.内联模型(现在基本不用了)
即事件响应处理函数作为一个标签属性来执行,典型的就是onclick()函数;
<input type='button' value='按钮' onclick="alert('点击了!')" />
2.脚本模型
为了解决html与javascript的分离。
window.onload=function(){ var input=document.getElementByTagName('input')[0]; input.onclick=function(){ alert("点击了!"); } }
PS:也可以将onclick函数写在外面。DOM2模型以后再提。
JS事件类型包括:鼠标事件、键盘事件和HTML事件。
常用的时间处理函数可以自行查阅,包括:
(1)鼠标事件:onclick、ondblclick(双击)、onmousedown、onmouseup、onmouseover、onmouseout、onmousemove。
(2)键盘事件:onkeydown、onkeypress(按下字符键)、onkeyup。
(3)HTML事件:onfocus(元素获得焦点时)、onload(页面加载完时)、onunload(页面卸载时)、onselect(选定完成时)、onchange(修改完毕时)、onsubmit、onresize(窗口变换时)、onscroll(页面滚动时)等。
相关文章推荐
- 关于JSDoc插件
- JavaScript权威设计--JavaScript数组(简要学习笔记九)
- {welcome to JS} 提示用户
- JavaScript eval() 函数
- jsp知识点总结
- Javascript DOM
- JavaScript 对象
- JS设计模式之接口
- 浅谈——JSP九大内置对象与四大作用域
- H5 应用程序返回button的js代码设计,设计仿stack
- JavaScript 事件
- js中使用正则表达式(一)创建正则表达式的方式:正则对象方式和正则字面量方式
- jsp九大内置对象
- JSON数据的解析
- servlet&jsp的设计模式
- 《项目经验》--后台一般处理程序向前台JS文件传递JSON,JS解析JSON,将数据显示在界面--显示在DropDownList 或 显示在动态创建的table中
- 浅谈JS闭包
- jsp中session的生命周期
- jsp的4个作用域
- javascript中的function