React如何实现监听粘贴事件并获取粘贴板中的截图


这篇文章主要介绍“React如何实现监听粘贴事件并获取粘贴板中的截图”的相关知识,小编通过实际案例向大家展示操作过程,操作方法简单快捷,实用性强,希望这篇“React如何实现监听粘贴事件并获取粘贴板中的截图”文章能帮助大家解决问题。添加事件监听移除事件监听绑定是事件函数必须是同一个,如果不会同一个,会导致解绑失败。一般会用到的事件函数类型有三种:命名函数、箭头函数、匿名函数这里重点是添加处理的函数,addEventListener()和removeEventListener()添加的处理函数必须是同一个函数,什么叫同一个函数呢,就是说这两个函数时相等的,指向同一个地址。1. 匿名函数匿名函数在事件绑定中的添加与移除从上面的实例写法来说,很明显添加和移除事件时因为使用的是匿名函数,所以会返回两个不同的地址,这两个事件不同,所以无法移除事件2. 命名函数命名函数在事件绑定中的添加与移除以上是常用的使用命名函数的写法,但其实这样写还是不对的,每次加上bind之后返回的函数并不是指向同一个函数如果还想要用命名函数,那么就要换种写法,解决方法是先在constructor中提前声明好3. 箭头函数可以直接使用箭头函数来避免返回的不是同一个函数这种情况箭头函数在事件绑定中的添加与移除target可以有两种,window和自定义对象type表示监听事件类型的字符串一般常用的是鼠标事件(‘click’, ‘dblclick’)和键盘事件(‘keydown’, ‘keypress’)等listener当所监听的事件类型触发时,会接收到一个事件通知(实现了 Event 接口的对象)对象。listener 必须是一个实现了 EventListener 接口的对象,或者是一个函数。options(可选)一个指定有关 listener 属性的可选参数对象。可用的选项如下:capture: Boolean,表示 listener 会在该类型的事件捕获阶段传播到该 EventTarget 时触发。once: Boolean,表示 listener 在添加之后最多只调用一次。如果是 true, listener 会在其被调用之后自动移除。passive: Boolean,设置为true时,表示 listener 永远不会调用preventDefault()。如果 listener 仍然调用了这个函数,客户端将会忽略它并抛出一个控制台警告。useCapture(可选)Boolean,在DOM树中,注册了listener的元素, 是否要先于它下面的EventTarget,调用该listener。当useCapture(设为true) 时,沿着DOM树向上冒泡的事件,不会触发listener。当一个元素嵌套了另一个元素,并且两个元素都对同一事件注册免费云主机域名了一个处理函数时,所发生的事件冒泡和事件捕获是两种不同的事件传播方式。关于“React如何实现监听粘贴事件并获取粘贴板中的截图”的内容就介绍到这里了,感谢大家的阅读。如果想了解更多行业相关的知识,可以关注百云主机行业资讯频道,小编每天都会为大家更新不同的知识点。

相关推荐: vue工程编译sass错误如何解决

这篇文章主要介绍了vue工程编译sass错误如何解决的相关知识,内容详细易懂,操作简单快捷,具有一定借鉴价值,相信大家阅读完这篇vue工程编译sass错误如何解决文章都会有所收获,下面我们一起来看看吧。 vue工程编译sass错误的解决办法:1、使用镜像源“c…

免责声明:本站发布的图片视频文字,以转载和分享为主,文章观点不代表本站立场,本站不承担相关法律责任;如果涉及侵权请联系邮箱:360163164@qq.com举报,并提供相关证据,经查实将立刻删除涉嫌侵权内容。

(0)
打赏 微信扫一扫 微信扫一扫
上一篇 03/27 18:50
下一篇 03/27 18:50

相关推荐