js事件

最新推荐文章于 2024-08-19 16:42:45 发布

胡老汉

最新推荐文章于 2024-08-19 16:42:45 发布

阅读量712

点赞数 1

分类专栏： jq

本文链接：https://blog.csdn.net/qq_27559331/article/details/89925744

版权

jq 专栏收录该内容

10 篇文章 1 订阅

订阅专栏

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(){
//请求出错处理
}
});