<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>jquery事件操作</title>
<script type="text/javascript" src="../jquery-3.2.1.min.js"></script>
<!--
on():添加系统的事件
off():取消系统的事件
-->
<script type="text/javascript">
// $(function(){
// $('div').click(function(){
// alert('123');
// });
// })
// $(function(){
// $('div').on('click',function(){
// alert('123');
// })
// })
// $(function(){
// $('div').on('click mouseover',function(){
// alert('123');
// })
// })
// $(function(){
// $('div').on({
// 'click':function(){alert('123');},
// 'mouseover':function(){alert('abc');}// 添加事件的另一种写法
// });
// $('div').off("mouseover") //如果里面没有参数就默认取消所有的事件,否则取消参数有关的事件,例如取消mouseover事件
// })
//ev是event事件
//以下是事件的细节
$(function(){
$('div').click(function(ev){
//ev.pageX:类似JS中的clientX (相对于可视区),但ev.pageX(相对于文档(文档=可视区+滚动条))都表示鼠标的坐标
//ev.which:类似keycode,键盘的键值
//ev.preventDefault():阻止默认事件
//ev.stopPropagation():阻止冒泡事件
//若在ev中最后有return false,则表示既阻止默认事件也阻止冒泡事件
// one():表示这个事件只执行一次。例如:
// $('div').one('click',function(){
// alert('123');}) one取代上面的on
})
})
</script>
</head>
<body>
<div>div</div>
<span>span</span>
</body>
</html>
jquery之事件添加和取消
最新推荐文章于 2022-09-20 20:52:15 发布