jquery之事件添加和取消

最新推荐文章于 2022-09-20 20:52:15 发布
最新推荐文章于 2022-09-20 20:52:15 发布
阅读量430 收藏
点赞数
文章标签： jquery
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Aloe_904/article/details/78386793
版权 
<!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>
只看五分钟佩奇的小姑姑
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
jQuery之事件
缚己
11-05 218
页面加载 DOM 提供了window.onload 属性用来设置页面加载完毕之后执行的代码。当 html 中的 <script> 标签，写在 head 中时 js 代码会优先于 body 标签内的页面内容，所以需要这样一个属性等待页面加载的完成再执行。 jQuery 提供了 ready() 方法用来做页面加载的属性，与 DOM 中的 window.onload 起到了同样的作用。 jQuery 的入口函数执行要高于原生 DOM 的入口函数。 两种入口函数的区别： window.onload：
jQuery的事件
程序员柒的博客
09-19 1078
本文章简单讲解了jQuery事件，如果本文对你有所帮助请三连支持博主，先赞后看养成习惯。提示：以下是本篇文章正文内容，下面案例可供参考。
读jQuery之十三 添加事件和删除事件的核心方法
12-12
jQuery的事件模块严重依赖于其数据储存(jQuery.data)，你会发现我的代码中的dataManager对象对应它。 这里只提供bind和unbind方法。暂不包含 1， 事件命名空间(event namespace) 2， 事件代理(event delegation) 3， 特殊事件如dom ready 接口如下： 代码如下: E.bind(el, ‘click’, fn); E.bind(el, ‘click’, fn, data); E.unbind(el, ‘click’, fn); E.unbind(el, ‘click’); E.unbind(el); 代码如下: /
jquery滚动事件添加+消除
一叶扁舟
01-13 5461
var scrollHandler = function(){ $(window).off("scroll",scrollHandler);//解除bind事件 }; $(window).scroll(scrollHandler);//bind事件
jquery 添加、取消、修改绑定事件
人有匪气，代码才能飞起
03-01 3273
1、使用 $('#id').attr('onclick','xxx')修改绑定事件，那么firebug虽然显示属性修改过来了，但是实际上触发的还是老方法 2、如果元素$('#id')本来就含有一个onclick方法，使用$('#id').live('onclick',functionA) 修改绑定方法，那么实际上触发时候，新老方法都会调用。 必须先解除绑定，当然可以直接
jquery 滚动条 触发事件
一航jason
03-01 1万+
1。监听某个元素的滚动条事件 $(selector).scroll(function(){.......}); 2.获取滚动条滚动的距离 $(selector).scrollTop(); $(selector).scrollLefft(); 3.滚动条事件和offset方法的应用 实例1. 随浏览器滚动条而滚动的浮动div。例图： 代码：         #
jQuery事件
weixin_64037609的博客
09-20 1134
jQuery事件
jQuery取消特定的click事件
10-22
此外，通过jQuery提供的bind和unbind方法，我们可以灵活地在页面的生命周期中动态地添加或移除事件处理器。这些技巧对于开发动态交互的Web应用尤为重要。 最后，文中还提到了一些关于jQuery的其他专题，比如...
jQuery使用手册之 事件处理
10-30
6. **动态事件绑定**: jQuery还提供了更简洁的方式来绑定和取消绑定事件，如 `$("#a").click(function() {...})`，这等同于 `$("#a").bind("click", function() {...})`。 7. **内置事件**: jQuery 提供了一系列...
jQuery实现点击关注和取消功能
10-19
引入jQuery之后，我们就可以开始编写用于实现点赞和取消点赞功能的代码了。 具体实现时，我们定义一个div元素，并给它添加一些样式，使其能够作为“点赞”按钮来使用。接着，通过jQuery的$(document).ready()函数...
jquery实现点击文字可编辑并修改保存至数据库
09-03
jquery实现点击文字时提供信息编辑并修改修改信息保存至数据库
多种jQuery绑定事件的实现方式
10-22
3. 同时传入多个事件和处理函数： ```javascript $(":text").bind("dblclick blur", function() { console.log("双击或者失去焦点"); }); ``` 取消事件绑定同样有多种方式： 1. 使用`.unbind()`移除特定事件： ``...
轻松实现jQuery添加删除按钮Click事件
10-20
本文将介绍如何使用jQuery轻松实现添加和删除按钮的click事件。在用户协议场景中，通常需要用户勾选一个复选框表示已经阅读并同意条款后，才能启用登录按钮。jQuery提供了简洁的方法来动态地为元素绑定和解绑事件...
jQuery操作元素、事件处理
weixin_61561066的博客
07-24 967
jQuery操作元素、事件处理
jQuery 点击后解除绑定的点击事件
热门推荐
seagullcode的博客
07-23 1万+
JS要给一个对象绑定点击事件，但只可点击一次，即点击一次后失效，先后尝试了 return false和preventDefault()，发现这两者我这前端菜鸡是搞不清楚了，时灵时不灵的，还是bind和unbind比较友好。 $('#selector').bind('click',function (){ $(this).unbind('click'); //事件处理逻辑，例如 ...
jquery 添加事件_将事件添加到jQuery中的添加事件
Web 开发&软件开发
08-06 781
将事件添加到jQuery中的添加事件 本周早些时候，我发布了一个可用性提示，内容涉及如何使用CSS和MooTools的自定义事件功能在元素获得“点击”事件时自动添加“指针”光标 。 我收到了许多有关jQuery版本的请求，我想我已经弄清楚了如何复制该功能。 观看演示 jQuery JavaScript失败 /* create custom event */ jQuery.eve...
jQuery动态增加删除li及事件绑定
Zz912509345的博客
07-07 7536
无标题文档 div{ width: 100px; height: 100px; background: red; } li{ list-style: none; } span{ display: inline-block; width: 100px; } /* $(function(){ $('button').click(functio
jquery中有两种绑定事件及移除事件
luckydog
06-12 1万+
//jquery中有两种绑定事件及移除事件 /* 1、eventName $(&quot;button&quot;).click(function(){}) 部分事件不支持 2、on(ecentName,fn) $(&quot;button&quot;).on('click',function(){}) 所有事件都支持 都可以绑定多个事件，不会覆盖 */ ...
VB计算机机房管理系统设计(源代码+系统).zip
最新发布
08-18
计算机毕业设计资源包含（项目部署视频+源码+LW+开题报告等等），所有项目经过助教老师跑通，有问题可以私信博主解决，可以免费帮部署。
jQuery事件大全：方法与应用详解
5. **事件处理的灵活性**: `die()` 方法用于移除之前通过 `live()` 功能添加的事件处理程序，这在动态页面或组件管理中非常有用，可以避免事件监听器的累积和性能问题。 6. **错误处理**: `error()` 方法允许开发者...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值