JQuery--事件处理
2024-09-06 22:03:32
1、在页面加载完毕之后,浏览器会通过JavaScript为DOM元素添加事件。在常规的JavaScript代码中,通常使用window.onload方法,在jQuery中使用$(document).ready();
2、对匹配的元素进行特定的事件绑定:bind();
3、合成事件:
--1)hover():模拟光标悬停事件。当光标移到到元素上时,会触发指定的第一个函数,当光标移出这个元素时,会触发指定的第二个元素;
--2)toggle():用于模拟鼠标连续点击事件,第一次单机元素,触发指定的第一个函数,再次单机同一个元素时,触发第二个指定的函数。。。如果有多个函数,依次触发,直到最后一个;toggle()的另一个作用:切换元素的可见状态;
4、事件冒泡:事件会按照DOM层次结构不断向上至顶端;在事件处理函数中返回false,会对事件停止冒泡,还可以停止元素的默认行为;
5、事件对象的属性:
--事件对象:当触发事件时,事件对象就被创建了。在程序中使用事件只需要添加一个参数。该事件对象只有事件处理函数才能访问。事件函数处理完毕之后,事件对象就被销毁;
--event.pageX,event.pageY:获取光标相对于页面的x, y坐标;
6、移除事件:
--移除某按钮上的click事件:$("button").unbind("click");
--移除某按钮上的所有事件:$("button").unbind();
--one():该方法可以为元素绑定处理函数,当处理函数触发一次后,立即被删除。即在每个对象上,事件处理函数只会执行一次;
最新文章
- input输入框限制仅能输入数字且规定数字长度(使用与输入手机号)
- 洛谷P1262 间谍网络[强连通分量 BFS]
- Unity3d热更新全书-加载(一)从AssetBundle说起
- PHP: 手把手编写自己的 MVC 框架实例教程
- nodejs 安装及部署遇到的问题
- ios CGImageRelease 出现 EXC_BAD_ACCESS的错误 ios特定形状剪裁图片 内存泄露
- NET免费服务器
- mysql更改数据文件目录及my.ini位置| MySQL命令详解
- 武汉新芯:已建成IP体系,欲以存储器为特色
- js获取宽度设置thickbox百分比
- eclipse maven构建
- fetch与XHR的区别与优势
- 查看ElasticSearch服务状态和结果的URL
- lua lua_settable
- 【C】——fread函数和read函数的区别
- 逻辑卷管理LVM 扩容LV容量实例(一)
- FP-growth算法高效发现频繁项集(Python代码)
- MySQL中You can't specify target table for update in FROM clause异常
- join() 方法详解及应用场景
- day4 数组学习