博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
js事件
阅读量:3731 次
发布时间:2019-05-22

本文共 2871 字,大约阅读时间需要 9 分钟。

js事件

      onclick         单击事件 鼠标点击某个对象 

      ondbclick        双击事件
      onfocus         得到焦点事件(焦点进入控件的事件)
      onblur          鼠标失去焦点事件(焦点离开控件的事件)
      onkeydown        键按下事件
      onkeypress     键按下 参数不一样(点击按键)//某个键盘的键被按下或按住 
      onkeyup         键按下抬起事件 (按键释放)      
      onmousemove    鼠标悬浮事件(鼠标移动)//鼠标被移动 
      onmouseover    进来 鼠标移动到元素范围)//鼠标被移到某元素之上 
      onmouseout     出去(鼠标离开元素范围)//鼠标从某元素移开 
      onmousedown    鼠标按下事件 //某个鼠标按键被按下 
      onmouseup     鼠标按下抬起 (鼠标按键释放)//某个鼠标按键被松开 
      oncontextmenu(在浏览器中单击鼠标右键显示”右键菜单”时触发)
      onchange     事件一般用于用户表单中,eg:当文本框内容发生改变时触发,或下拉列表框内容发生改变时触发等。
      onabort         图像加载被中断
      onerror         当加载文档或图像时发生某个错误       
      onload         某个页面或图像被完成加载   后面的会覆盖前面的
      onreset         重置按钮被点击 
      onresize         窗口或框架被调整尺寸 
      onselect         文本被选定 
      onsubmit         提交按钮被点击
      onunload         用户退出页面后触发(刷新页面,关闭页面时候触发) 
      onbeforeunload  在页面准备关闭(或者离开前触发)

JQuery:元素事件列表说明 

      注:不带参数的函数,其参数为可选的 fn。jQuery不支持form元素的reset事件。

      事件 描述 支持元素或对象
      blur( )         元素失去焦点 a, input, textarea, button, select, label, map, area
      change( )     用户改变域的内容 input, textarea, select
      click( )         鼠标点击某个对象 几乎所有元素
      dblclick( )     鼠标双击某个对象 几乎所有元素
      error( )         当加载文档或图像时发生某个错误 window, img
      focus( )         元素获得焦点 a, input, textarea, button, select, label, map, area
      keydown( )     某个键盘的键被按下 几乎所有元素
      keypress( )     某个键盘的键被按下或按住 几乎所有元素
      keyup( )         某个键盘的键被松开 几乎所有元素
      load(fn)         某个页面或图像被完成加载 window, img
      mousedown(fn) 某个鼠标按键被按下 几乎所有元素
      mousemove(fn) 鼠标被移动 几乎所有元素
      mouseout(fn)     鼠标从某元素移开 几乎所有元素
      mouseover(fn) 鼠标被移到某元素之上 几乎所有元素
      mouseup(fn)    某个鼠标按键被松开 几乎所有元素
      resize(fn)     窗口或框架被调整尺寸 window, iframe, frame
      scroll(fn)     滚动文档的可视部分时 window
      select( )     文本被选定 document, input, textarea
      submit( )     提交按钮被点击 form
      unload(fn)     用户退出页面 window

jQuery选择器:

      jQuery.parent(expr),找父亲节点,可以传入expr进行过滤,比如$("span").parent()或者$("span").parent(".class")

      jQuery.parents(expr),类似于jQuery.parents(expr),但是是查找所有祖先元素,不限于父元素
      jQuery.children(expr),返回所有子节点,这个方法只会返回直接的孩子节点,不会返回所有的子孙节点
      jQuery.contents(),返回下面的所有内容,包括节点和文本。这个方法和children()的区别就在于,包括空白文本,也会被作为一个jQuery对象返回,children()则只会返回节点
      jQuery.prev(),返回上一个兄弟节点,不是所有的兄弟节点
      jQuery.prevAll(),返回所有之前的兄弟节点
      jQuery.next(),返回下一个兄弟节点,不是所有的兄弟节点
      jQuery.nextAll(),返回所有之后的兄弟节点
      jQuery.siblings(),返回兄弟姐妹节点,不分前后
      jQuery.find(expr),跟jQuery.filter(expr)完全不一样:
      jQuery.filter(),是从初始的jQuery对象集合中筛选出一部分,而
      jQuery.find(),的返回结果,不会有初始集合中的内容,比如$("p").find("span"),是从<p>元素开始找<span>,等同于$("p span")  

ajax请求

$.ajax({

    url:"http://www.microsoft.com",    //请求的url地址
    dataType:"json",   //返回格式为json
    async:true,//请求是否异步,默认为异步,这也是ajax重要特性
    data:{"id":"value"},    //参数值
    type:"GET",   //请求方式
    beforeSend:function(){
        //请求前的处理
    },
    success:function(req){
        //请求成功时处理
    },
    complete:function(){
        //请求完成的处理
    },
    error:function(){
        //请求出错处理
    }
});

jquery ajax中success与complete的执行顺序

******************************************************************

jquery中各个事件执行顺序如下:

1.ajaxStart(全局事件)

2.beforeSend

3.ajaxSend(全局事件)

4.success

5.ajaxSuccess(全局事件)

6.error

7.ajaxError (全局事件)

8.complete

9.ajaxComplete(全局事件)

10.ajaxStop(全局事件)

先执行success,再执行error,最后始终执行complete

----------------------区别的就是----------------------

success:当请求成功时调用函数,即status==200;

complete:当请求完成时调用函数,即status==404、403、302...只要不出错就行。

 

因为通常我们需要用来清理资源   所以就设计成compelete在success之后执行 

 

转载地址:http://wqhnn.baihongyu.com/

你可能感兴趣的文章
Linux之Vim常用操作
查看>>
Python之正则表达式相关知识介绍
查看>>
设计模式学习笔记
查看>>
学习笔记~1.2 CSS浮动布局&盒模型
查看>>
学习笔记~1.3 CSS 定位布局
查看>>
js实现输入框的验证
查看>>
jQuery案例-网页播放器02布局
查看>>
js语法注意点
查看>>
字面量创建对象
查看>>
parseInt方法
查看>>
js数组方法
查看>>
js创建模式
查看>>
Springboot+Vue demo
查看>>
linux基础命令和使用
查看>>
python语法基础及一些易错点
查看>>
vi/vim 终端中的编辑器简单使用
查看>>
ES6中 var,const,let的使用规则
查看>>
es6 使用 cure53/DOMPurify 来防止xss 攻击
查看>>
vue动态时间显示
查看>>
vue+NodeJS项目部署打包上线到阿里云完整版(前台vue,后台node)
查看>>