用jQuery为同一元素注册不同事件

最新推荐文章于 2022-09-20 16:37:28 发布
最新推荐文章于 2022-09-20 16:37:28 发布
阅读量1.8k 收藏
点赞数
分类专栏： jQuery 文章标签： jquery javascript 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_57773266/article/details/125939250
版权

开发工具与关键技术：Visual Studio Code

作者：卢平圣

撰写时间：2022/07/28

1.首先，我们新建一个html的文档

 

2.新建一个input标签，类型为button，名为为按钮，id名为btn

 

3.新建一个script标签，把我们所需要的链接链入进去

 

4.在建一个script标签，写我们需要的样式，分别为onclick,onmouseover,onmouseout.

 

5.接下来用function函数来实书写我们的效果。

 

6.在function函数里面使用switch...case语句来操作，并实现效果。

  

 

这是我Visual Studio Code所学到用jQuery为同一元素注册不同事件，所以我要分享给你们，希望可以帮助到你们。

以上就是我的分享，新手上道，请多多指教。如果有更好的方法或不懂得地方欢迎在评论区教导和提问喔！

小汐卖日落
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
jq给同一元素绑定多个事件
weixin_30737433的博客
09-05 140
$(".aa").on("click",function(){ alert(1) }).on("mousemove",function(){ console.log(1); }); $(".aa").on({click:function(){ alert(1) },mousemove:function...
jquery 多个元素绑定同时绑定多个事件
qq_34169240的博客
06-23 1万+
$(function(){ //-------1 $("#signupForm").validate(); $("#caseClueNum,#externaLinks").on("mouseout change",function(){ $("#spanError").html(""); $("#spanError1").html("");
jquery实现同一元素单击、双击、拖拽
u012198023的博客
05-14 614
在html中有这样一个元素 <div id="demo" style="width: 100px;height: 50px;position: absolute;border: 1px solid;background: red;left: 400px;top: 200px"> 为其绑定单击和双击事件后，双击仍会触发单击事件，原因是点击第一次就会直接触发单击(点击)事件。 所以可以为单击事件设置一个延时执行，在这里我设置了250ms，也就是单击事件会单击后250ms执行，而双击事件也必须在2
jQuery 如何实现一个对象可以同时绑定多个事件
php_martin的博客
09-03 556
jQuery 如何实现一个对象可以同时绑定多个事件
jQuery 同一级元素和子元素的各种操作
写博客只为学习
04-11 1296
onclick="getHtml(this)" function getHtml(obj){ // 同一级后面的第一个 $(obj).next(); // 同一级后面的所有元素 $(obj).nextAll(); // 同级所有元素siblings $(obj).siblings().removeClass('underline');
jQuery防止重复绑定事件的解决方法
10-22
在jQuery中，如果对同一个元素多次使用`.click()`方法绑定同一事件处理函数，每次触发事件时，该函数会被执行相应次数。以下是一个简单的例子： ```javascript function reg_button_click() { $("#button").click...
jquery分布注册
08-10
在标题"jQuery分布注册"中，我们推测这可能涉及到使用jQuery来实现一种分散式的注册过程，即将注册流程分散到多个步骤或页面中，以提高用户体验和数据准确性。这种分步表单提交通常用于大型表单，以减少用户填写的...
JavaScript Event学习第五章 高级事件注册模型
10-29
W3C DOM层面的事件规范提出了`addEventListener()`方法，以支持在同一元素上绑定多个事件处理程序。这个方法接收三个参数：事件类型、要执行的函数和一个布尔值。例如，将`doSomething()`函数绑定到元素的`click`...
JavaScript为事件句柄绑定监听函数实例详解
10-23
这样的函数会检查元素是否已经有事件绑定，并为每个事件类型维护一个事件处理器列表。在处理事件时，它们会调用`handleEvent`来确保事件正确触发。 在处理事件时，通常还需要对浏览器差异进行处理，例如IE没有原生...
jQuery可切换皮肤的会员注册界面代码.zip
11-30
CSS通过定义不同类名或ID，为同一元素提供多种外观。在这个案例中，可能有多个预定义的皮肤样式（如dark、light等）。 2. jQuery选择器：jQuery的选择器功能强大，可以方便地定位到需要改变样式的元素，例如`$("#...
给一组元素注册、绑定事件（排他思想）
m0_51281306的博客
03-05 124
排他思想 两层循环，先排除其他人，然后再设置自己的样式 <button>按钮1</button> <button>按钮2</button> <button>按钮3</button> <button>按钮4</button> <button>按钮5</button> <script> var btns = docume
jq点击事件多次响应_分享同一个按钮jQuery多次点击实现不同事件的代码
weixin_42176612的博客
01-12 562
由于本站需要，本站需要在平板，手机，电脑上实现多终端实现浏览的响应式需求，所以本站需要来实现点击按钮来弹出下拉式页面导航和左边的导航，大家可以在不同终端上分别看下本站的按钮，虽然别人的主题早已经有这个功能，但是经过自己的努力来实现是不容易的。有点小成就感，呵呵。下面是代码：//点击隐藏显示按钮$(document).ready(function(){$('.cog').click(function...
JQ中使用on()绑定多个事件
m0_50953782的博客
09-20 1297
1.多个事件绑定同一函数时，如：但点击或者移入时，被选中元素改变字体色。 2.多个事件绑定不同函数时，如：但点击时被选中元素字体变大（点击试也移入了故字体也变红，这里只是随意选择了两个事件），移入时字体色变为红色。
jquery on事件jquery on实现绑定多个事件
热门推荐
天下无敌庞成勇
11-16 2万+
on(events,[selector],[data],fn) 概述 在选择元素上绑定一个或多个事件的事件处理函数。on()方法绑定事件处理程序到当前选定的jQuery对象中的元素。 在jQuery 1.7中，.on()方法 提供绑定事件处理程序所需的所有功能。 帮助从旧的jQuery事件方法转换，see .bind(), .delegate(), 和 .live(). 要删除的.on()绑
jquery同一标签绑定多个事件的几种方式
rentian1的博客
04-19 4793
①$(document).ready(function(){ $("button").bind({ click:function(){$("p").slideToggle()}, mouseover:function(){$("body").css("background-color","red");}, mouseout:function()
jquery on绑定多个事件
吃瓜群众的博客
12-22 7540
一、jquery为多个选择器绑定同一个事件 $("#start,#end").on("click",function(){ 　　　　alert("The paragraph was clicked."); }); 二、多个事件绑定同一个函数 $("p").on("mouseover mouseout",function(){ $("p").togg
jq .on( ) 给元素绑定一个或多个事件
weixin_41796631的博客
10-09 8343
语法： $(selector).on(event,childSelector,data,function) 作用： 方法在被选元素及子元素上添加一个或多个事件处理程序。 自 jQuery 版本 1.7 起，on() 方法是 bind()、live() 和 delegate() 方法的新的替代品。该方法给 API 带来很多便利，我们推荐使用该方法，它简化了 jQuery 代码库。 ...
jquery on()方法绑定多个选择器,多个事件
齐枫的博客
12-19 1万+
本文转载自https://www.cnblogs.com/superfeeling/p/5775463.html  还有  https://www.jquery123.com/on/   .on() 所属分类：事件 > 绑定事件处理器英文文档：.on() .on( events [, selector ] [, data ], handler(eventObject) )
jQuery 表单中元素失去焦点触发事件
最新发布
06-08
当表单元素失去焦点时触发事件，在 jQuery 中可以使用 `blur()` 方法来实现。`blur()` 方法用于为元素绑定失去焦点事件，当表单元素失去焦点时，对应的事件处理程序会被执行。 例如，我们可以为输入框绑定失去焦点...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值