zoukankan      html  css  js  c++  java
  • jQuery基本语法2

    jQuery事件

    一:jQuery鼠标事件

    • click单击
    • dbclick双击

    $ele.click()不带任何参数一般是用来指定触发一个事件

    $ele.click( handler(eventObject) )绑定$ele元素,每次$ele元素触发点击操作会执行回调 handler函数,$("#a").click(function() {});

    $ele.click( [eventData ], handler(eventObject) )可以接受一个数据参数,这样的处理是为了解决不同作用域下数据传递的问题

                                                                      $("#test").click(11111,function(e) {//e.date => 11111 传递数据});

    • mousedown鼠标按下
    • mouseup鼠标弹起

         如果在一个元素按住了鼠标不放,并且拖动鼠标离开这个元素,并释放鼠标键,这仍然是算作mousedown事件任何鼠标按钮被按下时都能触发mousedown事件,用event 对象的which区别按键,敲击鼠标左键which的值是1,敲击鼠标中键which的值是2,敲击鼠标右键which的值是3。mouseup类似。

         click事件其实是由mousedown于mouseup 2个动作构成,所以点击的动作只有在松手后才触发

    • mousemovek 移动

          mousemove事件是当鼠标指针移动时触发的,即使是一个像素 。

    • onmouseover()移入
    • onmouseout()移出
    • mouseenter与mouseleave事件判断鼠标是否有移到元素内部或是元素外部,

                                   mouseenter事件和mouseover的区别 关键点就是:冒泡的方式处理问题。

                                   mouseenter事件只会在绑定它的元素上被调用,而不会在后代节点上被触发

    • handlerIn(eventObject):当鼠标指针进入元素时触发执行的事件函数
    • handlerOut(eventObject):当鼠标指针离开元素时触发执行的事件函数

    二:jQuery表单事件

    • focusin事件用户在点击聚焦的时候
    • focusout事件用户在点击失去焦的时候,blur事件同样

                focusin事件与focusout事件,同样用于处理表单焦点的事件还有blur与focus事件,它们之间的本质区别:是否支持冒泡处理.

          focus()在元素本身产生,focusin()在元素包含的元素中产生
    • change() 当元素的值发生改变时,会发生 change 事件。<input>元素,<textarea>和<select>元素的值都是可以发生改变的
    • select事件当 textarea 或文本类型的 input 元素中的文本被选择时,会发生 select 事件

    • submit()当提交表单时,会发生 submit 事件。该事件只适用于表单元素。

    三:jQuery键盘事件

    • keydown:按下键盘
    •   keyup是在键盘松手就会触发
    • keypress 事件与 keydown 事件类似。当按钮被按下时,会发生该事件。它发生在当前获得焦点的元素上。不过,与 keydown 事件不同,每插入一个字符,就会 发生 keypress 事件。

    jQuery on()方法是官方推荐的绑定事件的一个方法。

     

  • 相关阅读:
    mysql数据库查询库中所有表所占空间大小
    mysql行转列
    mysql重置密码
    POJ1426 Find The Multiple —— BFS
    POJ3279 Fliptile —— 状态压缩 + 模拟
    POJ1077 Eight —— IDA*算法
    POJ1077 Eight —— A*算法
    POJ1077 Eight —— 双向BFS
    POJ1077 Eight —— 反向BFS
    POJ1077 Eight —— 正向BFS
  • 原文地址:https://www.cnblogs.com/cyjy/p/6121537.html
Copyright © 2011-2022 走看看