jQuery---事件

    科技2022-07-16  95

    1:绑定事件方法:

    bind(事件,函数) 元素绑定事件 **绑定事件方法的优点就是可以绑定多个事件,可以同时处理

    2:去除绑定方法: unbind()

    3:其他事件方法:

    ------------------------------鼠标事件----------------------------------------------------------

    click() 点击事件 dblclick() 双击 mousedown() 鼠标按下 mouseup() 鼠标弹起 mouseover() 鼠标移入 **他们俩个的区别在于:over和out事件碰到子元素也会触发事件,enter和leave不会 mouseout() 鼠标移出 mouseenter() 鼠标移入 mouseleave() 鼠标移出 mousemove() 鼠标移入移出

    ------------------------------滚动事件----------------------------------------------------------

    scroll() 滚动

    ------------------------------表单事件----------------------------------------------------------

    focus() 获取焦点 blur() 失去焦点 focusin() 获取焦点 focusout() 失去焦点 submit() 提交 select() 选中文本 change() 改变文本

    ------------------------------浏览器事件-------------------------------------------------------

    resize() 缩放浏览器

    ------------------------------键盘事件----------------------------------------------------------

    keydown() 键盘按下 keyup() 键盘弹起 keypress() 键盘简码

    4:复合事件

    hover(函数,函数) 举例: hover(function(){},function(){}) 事件中的第一个函数是移入是做的事情,后面函数里面是移出的时候做的事情

    5:如果大家想要用废弃的方法在新版本里面,可以下载 jquery-migrate.js 文件,来向下兼容已被删除掉的方法

    6:事件委托方法

    on(事件,要委托的元素,函数) one() 只能执行一次事件的方法 live() 事件委托(在1.9版本被删除) die() 删除事件委托(在1.9版本被删除)

    7:事件命名空间

    举例: $('li:eq(1)').bind('click.b',f2); function f2(){ alert('我是第2个li') } $('li:eq(0)').unbind('click.a')

    8:事件模拟操作

    trigger(事件) 模拟事件方法(在页面刷新的时候模拟执行一次) trigger()可以传参(字符串,对象,数组) triggerHandler()

    9:阻止事件冒泡和默认行为

    event.stopPropagation(); 阻止事件冒泡方法 event.preventDefault(); 阻 止默 认 行为 ( 表 单提 交 ) return false 阻 止默 认 行为

    10:事件对象 event

    对象属性: event.target 事件源 event.srcElement(IE事件源写法) event.type 事件类型 event.pageX/Y 鼠标在页面上的坐标位置 event.clientX/Y 鼠标在可视窗口上的坐标位置 event.screenX/Y 鼠标在屏幕上的坐标位置

    11:this和event.target的区别

    this指向事件前对象 event.target指向事件源
    Processed: 0.010, SQL: 8