如何回车触发el-button的click事件

Posted 2023-04-05

参考技术A 1. 在需要触发的组件中添加@keyup.enter.native="triggerClick"

    <el-input  @keyup.enter.native="triggerClick"></el-input>

2.给el-button添加ref

    <el-button ref="btn"></el-button>

3.添加方法  triggerClick 

  triggerClick（）

    this.$refs.btn.$emit('click')

    this.$refs.select.blur()  //解决选择框回车后展示下拉列表问题

 

Javascript中如何按下回车键(Enter)触发click事件

我做了一个jsp页面，里面有个搜索的功能，搜索是一个放大镜模样的图片，我给了个链接去执行函数，具体代码是：<span onclick="_search();"><img src="images/search.gif" border="0"> 现在用鼠标点这个搜索图片是没问题的，但我还想用回车键也能触发这个效果，怎么实现
落了一个</span>

有搜索条件输入框不？
有的话就在输入框加上onkeypress="if (event.keyCode == 13) _search();"
没有的话就给body加上面这段 参考技术A 兼容浏览器方式：
document.onkeydown=function(e)
var keycode=document.all?event.keyCode:e.which;
if(keycode==13)_search();