JS事件基础和绑定

一、事件的分类

鼠标事件
键盘事件
表单事件
页面事件

二、事件驱动

.事件
javascript侦测到的用户的操作或是页面的一些行为(怎么发生的)
事件源
引发事件的元素。(发生在谁的身上)
事件处理程序
对事件处理的程序或是函数 (发生了什么事)

三、事件的绑定

在脚本中绑定
直接在HTML元素绑定

四、同个元素添加绑定多个事件

手动输入，自定义
IE:
对象.attachEvent("事件(on)","处理程序") 添加
对象.detachEvent("事件(on)","处理程序") 删除

　　　FF:
　　　　对象.addEventListener("事件","处理程序",布尔值) 添加
　　　　对象.removeEventListener("事件","处理程序",布尔值) 删除

五、事件对象的属性　

　　相对于浏览器位置的
　　　　clientX 当鼠标事件发生的时候，鼠标相对于浏览器X轴的位置
　　　　clientY 当鼠标事件发生的时候，鼠标相对于浏览器Y轴的位置

　　相对于屏幕位置的
　　　　screenX 当鼠标事件发生的时候，鼠标相对于屏幕X轴的位置
　　　　screenY 当鼠标事件发生的时候，鼠标相对于屏幕Y轴的位置

　　相对于事件源的位置
　　　　IE:
　　　　　　offsetX 当鼠标事件发生的时候，鼠标相对于事件源X轴的位置
　　　　　　offsetY 当鼠标事件发生的时候，鼠标相对于事件源Y轴的位置　　

　　　　FF:
　　　　　　layerX 当鼠标事件发生的时候，鼠标相对于事件源X轴的位置
　　　　　　laterY 当鼠标事件发生的时候，鼠标相对于事件源Y轴的位置

时间： 2024-11-07 11:30:53

JS事件基础和绑定的相关文章

js事件多次绑定问题

需要重新绑定事件时,可以先把事件off掉,然后重新on function foo() { xxxx; } $("#a").on("click", foo); //需要重新绑定事件时,可以先把事件off掉,然后重新on $("#a").off("click", foo).on("click", foo);

一. 1.如果body里面什么都不放,则给body加点击事件,发现并不能alert相应的东西.因为在body里面不放东西的时候body是根本没有被撑起来的,当我放了一个按钮进去,则body就被撑了起来,只有按钮那么高.点击除了按钮那一块之外的地方也是不行的.但是如果给document加点击事件就是可以的. 2.document的第一个子节点才是html.第0 个子节点视频里面讲的是!<!DOCTYPE html>但是我自己试验是undefined <document>就像一个隐藏的

第十一节 JS事件基础

空白点击事件(没什么用处,做个介绍) <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>点击</title> <style> body{ border: 1px solid black; } </style> <script> window.onload = functi

js事件之神奇的onclick

21:58 2013/7/1 <a href="#" onclick="alert(123124);" >链接</a> 意思是鼠标点击链接时执行弹出窗口 js事件可以与任何方法绑定,你可以不用写<script type="text/javascript"> </script>因为js事件内部会自动去执行js代码,不过写上也没事注意.click()方法就必须要写在声明的脚本代码片段里才能执行,只执行

JS事件绑定和JQ的事件绑定的几种方式

JS事件绑定的方式: 1.内嵌法: <input type="button" onclick="test()" value="click me"/> 或者是多事件绑定:<input type="button" onclick="javascript:test();test1();" value="click me"/> 2.动态绑定直接为对象赋值 documen

C#-WebForm-JS知识：基础部分、BOM部分、DOM部分、JS事件

---恢复内容开始--- 一.基础部分: 1.JavaScript 是什么? 是一门脚本语言,是属于弱类型(语言语法很随意),C#是强类型(语言语法非常严格)(李献策lxc) 优点:JS 执行速度快 2.JS 与java有什么关系? 没有任何关系 3.JS 能做什么事情? 能控制浏览器 BOM 控制元素 DOM JS不能做什么? 不能操作文件(读取.创建.删除) 不能直接访问数据库扩展:node.js - 一个开发平台,通过这个平台可以开发常规的web服务端,是一块非常轻量级的运行环境 JQu

Javascripts事件基础和事件绑定

javascript事件基础和事件绑定一.事件驱动 1.事件 javascript侦测到的用户的操作或是页面的一些行为 2.事件源引发事件的元素(发生在谁身上) 3.事件处理的程序对事件处理的程序或是函数(发生什么事)二.事件分类 1.鼠标事件 onclick 鼠标单机时触发此事件: ondblclick 鼠标双击时触发此事件: onmousedown 按下鼠标时触发此事件: onmouseup 鼠标按下后松开鼠标时触发此事件

js学习总结----移动端事件基础及常用的事件库

一.事件基础 PC:click.mouseover.mouseout.mouseenter.mouseleave.mousemove.mousedown.mouseup.mousewheel.keydown.keyup.load.scroll.blur.focus.change... 移动端:click(单击).load.scroll.blur.focus.change.input(代替keyup.keydown)...TOUCH事件模型(处理单手指操作).GESTURE事件模型(处理多手指操作

超链接标签绑定JS事件&&不加"javascript:;"导致的杯具

很久以来,在写Html和JS时,经常会给超链接<a>标签,绑定JS事件. 我们经常看到这样的写法,<a href="javascript:;" onclick="doAction()" >Click</a>. 我原来一直有个疑问,干嘛非要加上"javascript:;" .原来,我很"老实",每次都会加上.今天,又手敲了类似的代码,本着"老子就是不加,你咬我"的得瑟心态,