首页 > 其他分享 >vue嵌入iframe场景键盘事件不触发的问题

vue嵌入iframe场景键盘事件不触发的问题

时间:2022-12-28 15:22:20浏览次数:42  
标签:触发 vue focus 键盘 嵌入 iframe

使用鼠标移动事件触发函数

<iframe
        **@mouseover="setFocus()"**
        id="iframeUE4"
        frameborder="0"
        src="路径地址"
></iframe>

再调用内置聚焦函数focus,就解决啦

const setFocus = () => {
  document.getElementById('iframeUE4').contentWindow.focus()
}

标签:触发,vue,focus,键盘,嵌入,iframe
From: https://www.cnblogs.com/neseder/p/17010210.html

相关文章

  • Vue3源码阅读梳理
    简单代码例子const{createApp,defineComponent,computed,watch,ref,reactive,effect}=Vueconstapp=createApp({components:[],template:`<div......
  • Vue3+vant+ts 上滑加载,解决上滑调用多次数据的问题
    之前用vue2的时候,写过vue2的用法,链接在这里点击跳转哈,用得挺好的,也没啥问题,照葫芦画瓢的做出来了,但是有问题,下滑之后调用多次数据,按理说组件通过 loading 和 finished......
  • vue环境配置文件详解
    一.什么是配置文件1.在vue项目目录下,我们可以看到诸如package.json、.gitignore、package-lock.json等等能配置项目的结构、引用的库、运行的方式、版本控制等等的都称为......
  • vue首页缓存
    vue.config.js添加chainWebpack:config=>{        config.plugins.delete('prefetch');//取消预加载    config.plugins.delete('preload......
  • react和vue中为什么用key、并且用key的时候为什么不能用index
    为什么用key在虚拟dom进行diff算法的时候,使用key可以对key进行比较然后来判断两个节点是否是同一节点,极大的增加了速度。为什么避免使用index先来总结好了的:如果只是......
  • vue 使用路由component: () =>import (‘ ‘)报错解决办法
    今天帮朋友调代码的时候,在人家的mac上面,项目没有任何错误,到我这里就出现component:()=>import(’')加载路由错误。发现是import处报错,import属于异步引用组件,需要......
  • vue 实现通过字符串关键字符动态渲染 input 输入框
    vue实现通过字符串关键字符动态渲染input输入框今天做一个简单的demo,就是有一个字符串,字符串里面有标识符,前端检测到标识符之后,需要将这个标识符转换成一个input输入框......
  • Vuex的简单使用,基于Vue2
    模仿他的,项目地址https://github.com/iamshaunjp/vuex-playlist视频地址https://www.youtube.com/watch?v=BGAu__J4xoc&list=PL4cUxeGkcC9i371QO_Rtkl26MwtiJ30P2&index......
  • Vue3 Composition API 的优势
     1.OptionsAPI存在的问题使用传统OptionsAPI中,新增或者修改一个需求,就需要分别在data,methods,computed里修改。 2.CompositionAPI的优势我们可以更加优雅的组织......
  • Vue3之provide 与 inject
     provide与inject 作用:实现祖与后代组件间通信,儿子组件中也能用这种方式,但是一般不这么用,父子组件传信息一般直接用props属性。套路:父组件有一个 provide 选项......