JavaScript 事件入门
来源:互联网 发布:影楼行业全国数据 编辑:程序博客网 时间:2024/05/14 22:50
前言
事件是由于用户触发而引起,所以鼠标和键盘见解的触发了我们的事件,总结分为HTML事件,内敛事件,window事件
当事件触发box的时候会触发我们写的box函数
function box(){ alert("asdf");}
但是如果写闭包的形式,那么box就不会被找到
<font size=5><font face="楷体"> window.onload=function(){ 这样会出错,因为找不到box function box(){ alert("asdf");}
不过我们可以采用另一中方式,把函数给我们触发的的事件
input.onmousemove=function(){ alert("sadf"); }
事件介绍
单击事件
input.onclick=function(){ alert("sadf"); }
双击事件
input.ondblclick=function(){ alert("sadf");
只点击没有按下就触发
input.onmousedown=function(){ alert("sadf");
用鼠标移动到上方触发
input.onmouseover=function(){ alert("sadf");
地方移除
input.onmouseout=function(){ alert("sadf");
鼠标移动就触发
window.onkeydown=function(){ alert("sadf"); }
按字符键触发
input.onkeypress=function(){ alert("sadf");
按键释放触发
input.onkeyup=function(){ alert("sadf"); }
光标移动发生改变
input.onchange=function(){ alert('asdf'); }
获得焦点时候触发
input.onfocus=function(){ alert('asdf'); }
失去焦点触发
input.onblur=function(){ alert('asdf'); }
窗体变化触发
window.onresize=function(){ alert('asdf'); }
滚动条滚动触发
window.onscroll=function(){ alert('asdf'); }
获取元素
var form=document.getelementByTagName('form')[0]
总结
所有的事件都是on+名称
阅读全文
0 0
- JavaScript--事件入门(24)
- JavaScript事件代理入门
- JavaScript 事件入门知识
- JavaScript事件入门
- Javascript 事件入门
- JavaScript 事件入门
- JavaScript学习11:事件入门
- javascript入门笔记5-事件
- JavaScript入门之事件、cookie、定时等
- JavaScript入门之事件、cookie、定时篇
- javascript 入门经典--笔记10 -- event事件
- JavaScript基础一 简介、入门、事件、变量
- javascript入门篇之事件处理
- javaScript笔记(二十) 事件入门
- JavaScript入门指南---(八)、响应事件
- JavaScript入门之二:Js基本事件,表单控制
- JavaScript入门之document.write,对事件做出反应onclick
- javascript事件简述和入门案例,js事件驱动机制;js 点击事件;js 焦点事件表单提交事件,键位弹起事件鼠标移入移除事件,
- Hadoop Yarn初探
- 常用算法
- 第五周项目2
- 简单模拟——LRC才不会告诉你们的事情
- 位图显示和图形界面技术(操作系统桌面显示技术)
- JavaScript 事件入门
- php中json_decode()和json_encode()的使用方法
- Java集合---ConcurrentHashMap原理分析
- T-SQL查询进阶--详解公用表表达式(CTE)
- JAVA集合体系
- 【Python】Error:'int' object is not callable
- Codeforces868F Yet Another MinimizationProblem
- 10.06 String
- loadrunner手机App脚本录制