JavaScript事件

返回 使用微信阅读
请用微信扫一扫
JackFan

JavaScript是基于对象(object-based)的语言。这与Java不同,Java是面向对象的语言。而基于对象的基本特征,就是采用事件驱动(event-driven)。它是在用形界面的环境下,使得一切输入变化简单化。通常鼠标或热键的动作我们称之为事件(Event),而由鼠标或热键引发的一连串程序的动作,称之为事件驱动(Event Driver)。而对事件进行处理程序或函数,我们称之为事件处理程序(Event Handler)。

事件大体分为以下几类:

一般事件

 onclick//鼠标点击时触发此事件
  ondblclick//鼠标双击时触发此事件
  onmousedown//按下鼠标时触发此事件
  onmouseup//鼠标按下后松开鼠标时触发此事件
  onmouseover//当鼠标移动到某对象范围的上方时触发此事件
  onmousemove//鼠标移动时触发此事件
  onmouseout//当鼠标离开某对象范围时触发此事件
  onkeypress//当键盘上的某个键被按下并且释放时触发此事件
  onkeydown//当键盘上某个按键被按下时触发此事件
  onkeyup//当键盘上某个按键被按放开时触发此事件

页面相关事件

 onabort//图片在下载时被用户中断
  onbeforeunload//当前页面的内容将要被改变时触发此事件
  onerror//出现错误时触发此事件
  onload//页面内容完成时触发此事件
  onmove//浏览器的窗口被移动时触发此事件
  onresize//当浏览器的窗口大小被改变时触发此事件
  onscroll//浏览器的滚动条位置发生变化时触发此事件
  onstop//浏览器的停止按钮被按下时触发此事件或者正在下载的文件被中断
  onunload//当前页面将被改变时触发此事件

表单相关事件

 onblur//当前元素失去焦点时触发此事件
  onchange//当前元素失去焦点并且元素的内容发生改变而触发此事件
  onfocus//当某个元素获得焦点时触发此事件
  onreset//当表单中RESET的属性被激发时触发此事件
  onsubmit//一个表单被递交时触发此事件

字幕滚动事件

 onbounce//在Marquee内的内容移动至Marquee显示范围之外时触发此事件
  onfinish//当Marquee元素完成需要显示的内容后触发此事件
  onstart//当Marquee元素开始显示内容时触发此事件

编辑事件

 onbeforecopy//当页面当前的被选择内容将要复制到浏览者系统的剪贴板前触发此事件
  onbeforecut//当页面中的一部分或者全部的内容将被移离当前页面[剪贴]并移动到浏览者的系统剪贴板时触发此事件
  onbeforeeditfocus//当前元素将要进入编辑状态
  onbeforepaste//内容将要从浏览者的系统剪贴板传送[粘贴]到页面中时触发此事件
  onbeforeupdate//当浏览者粘贴系统剪贴板中的内容时通知目标对象
  oncontextmenu//当浏览者按下鼠标右键出现菜单时或者通过键盘的按键触发页面菜单时触发的事件
  oncopy//当页面当前的被选择内容被复制后触发此事件
  oncut//当页面当前的被选择内容被剪切时触发此事件
  ondrag//当某个对象被拖动时触发此事件 [活动事件]
  ondragdrop//一个外部对象被鼠标拖进当前窗口或者帧
  ondragend//当鼠标拖动结束时触发此事件,即鼠标的按钮被释放了
  ondragenter//当对象被鼠标拖动的对象进入其容器范围内时触发此事件
  ondragleave//当对象被鼠标拖动的对象离开其容器范围内时触发此事件
  ondragover//当某被拖动的对象在另一对象容器范围内拖动时触发此事件
  ondragstart//当某对象将被拖动时触发此事件
  ondrop//在一个拖动过程中,释放鼠标键时触发此事件
  onlosecapture//当元素失去鼠标移动所形成的选择焦点时触发此事件
  onpaste//当内容被粘贴时触发此事件
  onselect//当文本内容被选择时的事件
  onselectstart//当文本内容选择将开始发生时触发的事件

数据绑定事件

 onafterupdate//当数据完成由数据源到对象的传送时触发此事件
  oncellchange//当数据来源发生变化时
  ondataavailable//当数据接收完成时触发事件
  ondatasetchanged//数据在数据源发生变化时触发的事件
  ondatasetcomplete//当来子数据源的全部有效数据读取完毕时触发此事件
  onerrorupdate//当使用onBeforeUpdate事件触发取消了数据传送时,代替onAfterUpdate事件
  onrowenter//当前数据源的数据发生变化并且有新的有效数据时触发的事件
  onrowexit//当前数据源的数据将要发生变化时触发的事件
  onrowsdelete//当前数据记录将被删除时触发此事件
  onrowsinserted//当前数据源将要插入新数据记录时触发此事件

外部事件

 onafterprint//当文档被打印后触发此事件
  onbeforeprint//当文档即将打印时触发此事件
  onfilterchange//当某个对象的滤镜效果发生变化时触发的事件
  onhelp//当浏览者按下F1或者浏览器的帮助选择时触发此事件
  onpropertychange//当对象的属性之一发生变化时触发此事件
  onreadystatechange//当对象的初始化属性值发生变化时触发此事件

其他事件

 event.clientX//返回最后一次点击鼠标X坐标值;
  event.clientY//返回最后一次点击鼠标Y坐标值;
  event.offsetX//返回当前鼠标悬停X坐标值
  event.offsetY//返回当前鼠标悬停Y坐标值
  document.write(document.lastModified)//网页最后一次更新时间
  document.ondblclick=x//当双击鼠标产生事件
  document.onmousedown=x//单击鼠标键产生事件
  document.body.scrollTop;// 返回和设置当前竖向滚动条的坐标值,须与函数配合,
  document.body.scrollLeft; //返回和设置当前横向滚动务的坐标值,须与函数配合,
  document.title document.title="message";// 当前窗口的标题栏文字
  document.bgcolor document.bgcolor="颜色值";// 改变窗口背景颜色
  document.Fgcolor document.Fgcolor="颜色值"; //改变正文颜色
  document.linkcolor document.linkcolor="颜色值";// 改变超联接颜色
  document.alinkcolor document.alinkcolor="颜色值";// 改变正点击联接的颜色
  document.VlinkColor document.VlinkColor="颜色值"; //改变已访问联接的颜色
  document.forms.length //返回当前页form表单数
  document.anchors.length //返回当前页锚的数量
  document.links.length //返回当前页联接的数量
  document.onmousedown=x //单击鼠标触发事件
  document.ondblclick=x// 双击鼠标触发事件
  defaultStatus window.status=defaultStatus; //将状态栏设置默认显示
  isNumeric//判断是否是数字
  innerHTML xx=对象.innerHTML //输入某对象标签中的html源代码
  innerText divid.innerText=xx //将以div定位以id命名的对象值设为XX
  location.reload(); //使本页刷新,target可等于一个刷新的网页
  Math.random() //随机涵数,只能是0到1之间的数,如果要得到其它数,可以为*10,再取整
  Math.floor(number) //将对象number转为整数,舍取所有小数
  Math.min(1,2) //返回1,2哪个小
  Math.max(1,2) //返回1,2哪个大
  navigator.appName //返回当前浏览器名称
  navigator.appVersion //返回当前浏览器版本号
  navigator.appCodeName //返回当前浏览器代码名字
  navigator.userAgent //返回当前浏览器用户代标志
  lastIndexOf("string") //从右到左询找指定字符,没有返回-1
  indexOf("string") //从左到右询找指定字符,没有返回-1
  LowerCase() //将对象全部转为小写
  UpperCase() //将对象全部转为大写
  substring(0,5) string.substring(x,x) //返回对象中从0到5的字符
  setTimeout("function",time) //设置一个超时对象
  setInterval("function",time) //设置一个超时对象
  toLocaleString() x.toLocaleString() //从x时间对象中获取时间,以字符串型式存在
  typeof(变量名) //检查变量的类型,值有:String,Boolean,Object,Function,Underfined
  window.event.button==1/2/3 //鼠标键左键等于1右键等于2两个键一起按为3
  window.screen.availWidth //返回当前屏幕宽度(空白空间)
  window.screen.availHeight //返回当前屏幕高度(空白空间)
  window.screen.width //返回当前屏幕宽度(分辨率值)
  window.screen.height //返回当前屏幕高度(分辨率值)
  window.document.body.offsetHeight; //返回当前网页高度
  window.document.body.offsetWidth; //返回当前网页宽度
  window.resizeTo(0,0) //将窗口设置宽高
  window.moveTo(0,0) //将窗口移到某位置
  window.focus() //使当前窗口获得焦点
  window.scroll(x,y) //窗口滚动条坐标,y控制上下移动,须与函数配合
  window.open()
  window.open("地址","名称","属性")
  //属性:
  toolbar(工具栏),
  location(地址栏),
  directions,
  status(状态栏),
  menubar(菜单栏),
  scrollbar(滚动条),
  resizable(改变大小),
  width(宽),
  height(高),
  fullscreen(全 屏),
  scrollbars(全屏时无滚动条无参数),
  channelmode(宽屏),
  left(打开窗口x坐标),
  top(打开窗口y坐标)
  window.location = 'view-source:' + window.location.href//应用事件查看网页源代码;
  a=new Date(); //创建a为一个新的时期对象
  y=a.getYear(); //y的值为从对象a中获取年份值 两位数年份
  y1=a.getFullYear(); //获取全年份数四位数年份
  m=a.getMonth(); //获取月份值
  d=a.getDate(); //获取日期值
  d1=a.getDay(); //获取当前星期值
  h=a.getHours(); //获取当前小时数
  m1=a.getMinutes(); //获取当前分钟数
  s=a.getSeconds(); //获取当前秒钟数
阅读数  71145