zoukankan      html  css  js  c++  java
  • jQuery 绑定事件

    $('input').bind('click mouseover', fn);

    $('input').bind({

      mouseover: fn(){},

      mouseover:fn(){}  

    });

    删除事件

    unbind() 

    $('input').unbind();//删除全部事件

    $('input').unbind();//删除其中的cilck事件

    $(input').unbind('click', fn);//删除click的fn()事件

    简写事件绑定的方法

    ========鼠标事件

    $('input').click(function(){

      alert('单击事件');

    });

    dblclick 双击

    mousedown 鼠标按下

    mouseup 鼠标弹起

    mousemove  拖拽

    mouseenter 鼠标穿入

    mouseleaver 鼠标穿出

    ========键盘事件

    keydown 按键按下

    keyup 按键弹起

    keypress 

    ========文档事件

    unload 文件加载完 一般用于清理(刷新,关闭网页后执行)

    resize 改变窗口大小

    scroll 滚动条改变

    ========表单事件

    focus

    blur

    fousin

    fousout

    submit 提交表单时

    ========文本事件

    select 文本选定时

    change 文本改变时

    mouseenter 与 mouseover区别

    前者不会触发子节点  后者会触发

    (多用前者)

    keydown keyup 与 keypress区别

    前两者返回键码 后者返回字符编码

    $('input').keydown(function(e){

      alert(e.keycode);

    })

    $('input').keypress(function(e){

      alert(e.keycode);

    })

    前者按a 返回65   后者返回 97

    focus blur  与  focusin focusout

    光标丢失   前两者不包括子元素  后后两者包括

  • 相关阅读:
    React Native 使用 react-native-webview 渲染 HTML
    如何对 React 函数式组件进行优化?
    如何在前端中使用protobuf?
    Grunt之预处理
    基于Hooks 的 Redux 速成课
    AssemblyScript 入门指南
    webpack常用构建优化总览
    如何在前端中使用protobuf(node篇)
    哪种编程语言最适合区块链?
    hdu 相遇周期
  • 原文地址:https://www.cnblogs.com/wangyuhao/p/6184693.html
Copyright © 2011-2022 走看看