关于事件点击后加.xxx的（如：click.ref）到底是什么意思呢

最新推荐文章于 2025-03-21 22:17:33 发布
最新推荐文章于 2025-03-21 22:17:33 发布
阅读量1.4k 收藏 1
点赞数
CC 4.0 BY-SA版权
分类专栏： 常见业务需求积累
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/douyabb/article/details/78085885
本文解释了事件命名空间的使用方法及意义，特别是如何利用 jQuery 的事件绑定语法进行事件的绑定和解绑，以及如何通过命名空间来区分不同的事件处理程序。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

$("#code-img").on("click.ref", function(e) {}，经常会看到这样的事件绑定写法，到底是什么意思呢？

  这种绑定方式是事件命名空间，ref是编写者的命名空间，这样写，说白了就是用来做区别的， 

  这样写和不加 .xxx写效果是一样的，唯一的区别就是解绑的时候，如果绑定了两个，一个click，

  一个click.xxx ， 解绑的时候off("click.xxx")是不会解绑掉click事件的

非常详细版： dd.device.geolocation 钉钉微应用获取定位，移动端 PC端都操作，Vue实现钉钉微应用获取精准定位并渲染在地图组件上
weixin_41346436的博客
06-30 100
【代码】非常详细版： dd.device.geolocation 钉钉微应用获取定位，Vue实现钉钉微应用获取精准定位并渲染在地图组件上。
23.VUE之组件（绑定原生事件、$listeners、$ref）
weixin_45492145的博客
10-28 329
目录 （1）组件绑定原生事件 （2）监听器属性listeners（3）listeners （3）listeners（3）ref与$refs注册引用信息属性和对象 组件绑定原生事件 有时，我们想要在一个组件的根元素上直接监听一个原生事件，一般操作步骤如下 1、首先定义一个 child 组件，什么事件都不绑定，代码如下： 步骤： 2、接下来，给 child 组件增加一个 @click 事件，如下所示...
[C# 基础知识梳理系列]专题五：当点击按钮时触发Click事件背后发生的事情
weixin_34138056的博客
10-29 416
引言： 当我们在点击窗口中的Button控件VS会帮我们自动生成一些代码，我们只需要在Click方法中写一些自己的代码就可以实现触发Click事件后我们Click方法中代码就会执行，然而我一直有一个疑问的——既然上一专题中说事件是一个多播委托，然而自动生成的代码中只有事件的实例化，却没有看到事件的调用，那既然没有事件调用的代码，那封装的Click为什么会执行呢？ 一、点击按钮时触发Click事...
ref和事件绑定
qq_45903009的博客
04-09 1665
文章目录一：state状态1·1：函数组件使用状态1·2：类组件使用状态1·2·1：setState()调用了之后干了什么事情？1·2·2：插入字符串html二：ref2·1:ref的作用2·2:ref的三种使用方法a:使用字符串b:使用回调函数(官方推荐)c:React.createRef( )三：受控组件四：事件处理4·1：绑定事件的方式有四种a:箭头函数的创建b:事件调用的写法改为箭头函数的形式c:通过bind方法进行原地绑定d:在constructor中提前对事件进行绑定4·2：绑定事件传参数到函数
ref是什么？
weixin_30673715的博客
11-07 4131
ref是组件的特殊属性，组件被渲染后，指向组件的一个引用。可以通过组件的ref属性，来获取真实的组件。 因为，组件并不是真正的DOM节点，而是存在于内存中的一种数据结构，称为虚拟的DOM，只有当它真正的插入文档之后，才变为真正的DOM节点。根据React的设计，所以的DOM变动都发生在虚拟DOM上，然后再将实际的部分反映到真实的DOM上--这就是 DOM DIf 转载于:https://www.c...
js触发onclick事件
liangjw1018的专栏
04-21 238
lementById("btnAdSearch").dispatchEvent(evt); }
前端工作总结199-对ref的理解
qq_41632427的博客
09-10 427
前端
el-select v-model=“ruleForm.ERPzz” placeholder=“请选择分公司” filterable clearable> <el-option v-for=“item in ERPzzhData” :key=“item.value” :label=“item.label” :value=“item.value”/> </el-select>如何点击这个下拉框触发click事件
03-08
因此，建议用户尝试使用@click.native，或者在el-select上添加ref，然后通过this.$refs.xxx.$el.addEventListener('click', ...)来手动绑定事件。不过这种方法可能不够Vue式，且需要注意组件生命周期和内存泄漏问题...
Vue(六) render函数、Vue.config.js配置文件，ref属性，props配置项、mixin混入、插件、scoped
lxh的博客
08-30 1545
reder函数、Vue.config.js配置文件、ref属性、props配置项、mixin混入、Vue插件、scoped样式
ref & setState & 合成事件
最新发布
betterangela的博客
03-21 686
合成事件委托给root，捕获和冒泡阶段做了，16 委托到document上，只做了冒泡阶段，并且是 onXXX和onXXXCapture一起执行。语法：给ref=xxx赋一个值，然后通过this.refs.xxx就可以获取到相应dom元素，通过你这个名字存储的值就是这个dom元素。当是函数组件，使用React.forwardRef，能够获取子组件内部的dom元素。事件是默认的行为，这个行为只要被触发了这个动作只要有了，这个事件行为就已经被触发了。当给类组件设置ref，ref是子组件实例。
vue3 ref的用法及click事件的说明
花花鱼的专栏
09-17 1511
详细理解ref与@click的简单操作与理论。
onchange事件实现编辑_教程11——ref 及键盘事件--完成 todoList
weixin_39664136的博客
11-29 297
前言：我们一般在输入框中输入文字，点击添加按钮实现；但有些人不想用鼠标去点击，直接输入完成后回车，也是可以实现的，这就是键盘事件。一、键盘事件（回车...）TodoInput 文件：import React, { Component } from 'react' export default class TodoInput extends Component { static defau...
Vue3 中的 ref 详解 - 看完你就懂了
jiajia651304的博客
03-20 2258
refref的作用：为基本数据类型（以及需要单独引用的对象）提供响应性，简化状态管理。使用场景：当需要一个简单的、单一的响应式数据时，优先选择ref；处理复杂对象时，则考虑使用reactive。模板与 JavaScript 中的区别：模板中 Vue 自动解包ref，而在 JavaScript 中需通过.value来访问和修改数据。最佳实践：避免解构ref导致的响应性丢失，灵活搭配 Composition API 的其他响应式工具构建健壮的业务逻辑。通过本文，你应当能更好地理解 Vue 3 中ref。
xxx.com跳到www.xxx.com的处理（301重定向）
maorenqi101的专栏
07-17 10万+
方法就是，在根目录 下添加 .htaccess,里面添加如下代码： RewriteEngine On RewriteCond %{http_host} ^XXX.com [NC] RewriteRule ^(.*)$ http://www.XXX.com/$1 [R=301.L]
ThinkPHP下访问www.xxx.com访问成功www.xxx.com/后加上index、admin等报错
m0_37360025的博客
05-22 9万+
原因主要是Apache不支持.htaccess 1.httpd.conf，如果是多域名的要加上httpd-vhosts.conf Options FollowSymLinks AllowOverride None 改为： Options FollowSymLinks AllowOverride All 2. httpd.conf中开启LoadModule rewrite_module modules/mod_rewrite.so ...
Nginx 监听www.xxx.com 和 xxxx.com 两个端口同时访问
小小程序猿㊫
05-22 42万+
server { listen 80; server_name www.xxxx.com “空格分割"xxxx.com; charset UTF-8; access_log off; error_log ”日志保存地址“; client_max_body_size 75M; location / { include uwsgi_params; uwsgi_pass 127.0.0.1...
在网址上输入www.xxx.com到返回界面给用户发生了什么？
weixin_51287642的博客
08-06 30万+
在网址上输入www.xxx.com到返回界面给用户发生了什么？ DNS域名解析（https://blog.csdn.net/yanshuanche3765/article/details/82589210）–>tcp三次握手建立连接（https://blog.csdn.net/xy010902100449/article/details/48274635）–>向服务器发送http请求，请求html文件–>服务器返回一个html文件–>tcp四次握手释放连接–>游览器解释html
nginx对于XXX.com和XXX.com/index给映射到www.xxx.com的方式
热门推荐
fhb19870610的专栏
05-15 46万+
location / {             root    C:/website;             index   index.html index.htm index.php;             include C:/website/.htaccess; if ($host !~ "www.xincanzs.com") { rewrite
访问 www.taobao.com过程
零零喵的博客
10-24 2万+
https://blog.csdn.net/a2796749/article/details/48032341
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值