jq给同一元素绑定多个事件
2024-08-22 02:23:00
$(".aa").on("click",function(){
alert(1)
}).on("mousemove",function(){
console.log(1);
});
$(".aa").on({click:function(){
alert(1)
},mousemove:function(){
console.log(2);
}})
如果需要传参数，除定义全局变量，在方法中直接使用全局变量外，还可使用以下方法
$(".aa").on("click",{val:a},a1).on("mousemove",{val:b},a2);
function a1(e){
alert(e.data.val)
}
function a2(e){
console.log(e.data.val)
}
通过delegate给同一元素绑定多个事件
$("body").delegate(
".msg-layer",{
mousedown: function (e) {
var el = $(".msg-layer");
var os = el.offset(),
dx = e.pageX - os.left, dy = e.pageY - os.top;
$(document).on('mousemove.drag', function (e) {
el.offset({top: e.pageY - dy, left: e.pageX - dx});
});
},
mouseup: function (e) {
$(document).off('mousemove.drag');
}
}
);
$("body").delegate(
".msg-layer","mousedown mouseup",function(e){
if(e.type == "mousedown"){
var el = $(".msg-layer");
var os = el.offset(),
dx = e.pageX - os.left, dy = e.pageY - os.top;
$(document).on('mousemove.drag', function (e) {
el.offset({top: e.pageY - dy, left: e.pageX - dx});
});
}else if(e.type == "mouseup"){
$(document).off('mousemove.drag');
}
}
);
最新文章
- mysql基础类型知识总结
- VS2015安装EF Power Tools
- iOS学习之iOS沙盒(sandbox)机制和文件操作(二)
- FJNU 1154 Fat Brother And His Love（胖哥与女神）
- zoj 2760 How Many Shortest Path 最大流
- datediff(),dateadd(),datepart().datename()时间处理函数
- Oracle 大数据处理（一）
- Java中获取路径的方法_自我分析
- Java-Filter过滤器用于过滤整个项目的编码
- Sqlite 梳理
- 剑指Offer——腾讯+360+搜狗校招笔试题+知识点总结
- 第二章 ArrayList源码解析
- Python3的requests类抓取中文页面出现乱码的解决办法
- 201771010141 周强 面向对象程序设计（Java）第12周作业
- Django之Models(一)
- ELK部署与使用总结
- 框架：Intellij搭建Spring框架
- python爬虫入门之URL
- C++ ------ 互斥锁、原子操作的性能测试
- JACKSON JSON 操作帮助类