JS 基础事件的用法

        // 1.9以上用on// 案例一// $('#btn').on('click', function(){//     //console.log(1);//     alert('测试...');// });// 案例二// $('#btn').on('click mouseover', function(){//     //console.log(1);//     alert('测试...');// });// 案例三// $('#btn').on('mouseover mouseout', function(){//     $('#div1').html(function(index, value){//         return value+'1';//     });// });// 案例四// $('#btn').on({//     // 键值用引号也可以//     mouseover: function(){//         alert('移入...');//     },//     mouseout: function(){//         alert('移出...');//     }            // });// on()与 off()的用法// $('#btn').on('click mouseover', function(){//     alert('鼠标移入...');// });// $('#btn').off('mouseover');//
        // $('#btn').on('click', fn1);// $('#btn').on('click', fn2);// $('#btn').off('click', fn2);// function fn1(){//     alert('fn1');// }// function fn2(){//     alert('fn2');// }// $('form').submit(function(){//     alert('表单提交了');// });// focus(),  blur()// $('#txt').focus(function(){//     alert('光标激活状态...');// }).blur(function(){//     alert('光标丢失状态...');// });// $('#txt').mousedown(function(){//     alert('按下');// })
$('#btn').mouseup(function(){alert('抬起');})// mousedown 鼠标按下// mouseup 鼠标按下弹起// mousemove 鼠标拖拽// resize 改变浏览器窗口大小时触发// scroll 滚动条改变时触发// submit 表达提交时触发// mouseover/out 会触发子节点// mouseenter/leave 不会触发子节点

转载于:https://www.cnblogs.com/zsongs/p/5312916.html

JS 基础事件的用法相关推荐

JS基础-事件模型(事件事件流自定义事件事件冒泡/代理)
文章目录一.事件与事件流二.事件模型 1.DOM0级模型 2.IE事件模型 3.DOM2级模型 4.DOM3级事件处理方式三.事件对象四.事件绑定与解除 1.事件绑定 1.1对象.on事件名字 ...
Fabric.js 基础画笔的用法 BaseBrush
theme: smartblue 本文简介点赞 + 关注 + 收藏 = 学会了本文介绍 Fabric.js 的基础笔刷用法.如果你还不知道 Fabric.js 是什么,我墙裂建议你阅读一下 < ...
js基础和部分用法整理
实现垂直水平居中的方式定位 + margin position: absolute;/* 父节点要定位 */ top: 0; bottom: 0; left: 0; right: 0; margin ...
2-4 js基础-事件对象小结
var e=ev||event; e.cancelBubble=true; document.documentElement html document.body ...
Threejs系列--10游戏开发--沙漠赛车游戏【基础事件处理器】
Threejs系列--9游戏开发--沙漠赛车游戏[基础事件处理器] 序言目录结构代码一览 Time.js代码 EventEmitter.js代码 Sizes.js代码 Application.js ...
GSAP JS基础教程--动画的控制及事件
好多天没有写无博文啦,今天无聊就再写一下! 今天要讲的是TweenLite的一些事件以及,TweenLite动画的控制,TweenMax类似,请自行参考官方文档:http://api.greensoc ...
js事件监听器用法实例详解
这篇文章主要介绍了js事件监听器用法,以实例形式较为详细的分析了javascript事件监听器使用注意事项与相关技巧,需要的朋友可以参考下本文实例讲述了js事件监听器用法.分享给大家供大家参考.具体 ...
JS基础--函数与BOM、DOM操作、JS中的事件以及内置对象
前言絮叨絮叨这里是JS基础知识集中讲解的第三篇,也是最后一篇,三篇JS的基础,大多是知识的罗列,并没有涉及更难得东西,干货满满!看完这一篇后,相信许多正在像我一样正处于初级阶段的同学, ...
html鼠标键弹起事件,js鼠标按键事件和键盘按键事件用法实例汇总
本文实例讲述了js鼠标按键事件和键盘按键事件用法.分享给大家供大家参考,具体如下: keydown,keyup,keypress:属于你的键盘按键 mousedown,mouseup:属于你的鼠标按键 ...

JS 基础事件的用法

JS 基础事件的用法相关推荐

最新文章

热门文章