业务需求:页面全局监听空格键事件 ,进行内容提交操作
思路1:将事件绑定在全局中
问题:全局keyup.space事件 触发页面上其他事件 影响操作(具体原因依然不清楚,不是事件冒泡导致的)
思路2:用一个移出可视区的input框进行空格绑定
注意:需要设置input框原生属性autocomplete="false" 阻止input中键入内容后出现自动填充效果。
刚进页面时,需要让input框获得焦点,input框失焦后需要重获焦点
<input style="position:absolute;top:-100px;left:-100px;width:5px" autocomplete="false" @keyup.space="submit" @blur="focus">