ie10下input框的keyup.enter事件失效

本文主要讨论了一个在Chrome浏览器正常工作但在IE10及以下版本出现分页功能跳转失效的问题。问题源于在输入框中绑定的keyup.enter事件在IE10不被触发。为了解决这个问题,作者提出改用keydown事件来监听回车键,通过检查event.keyCode是否等于13来实现回车跳转的功能。这个方法在IE11及更低版本中都能正常工作,确保了跨浏览器的兼容性。
摘要由CSDN通过智能技术生成

自己写的分页组件中跳转到xx页功能,在谷歌浏览器功能正常,在ie下分页并没有跳转,

代码如下:span中包裹的input标签

    <span>
        跳转到
       <input
        type="text"
        v-model="pageNum"
        class="pageInput"
        @keyup.enter="jumpPage"
      />
        页
    </span> 

ie11下是可以监听到keyup.enter事件的,但是ie10不可以,

解决办法:不再绑定keyup.enter事件,改用keydown事件

   <input
      type="text"
      v-model="pageNum"
      class="pageInput"
      @keydown="keyup_submit(event)"
    />
    // 键盘按下事件
    keyup_submit(e) {
      var evt = window.event || e;
      if (evt.keyCode == 13) {
        //回车事件处理逻辑
        .....
      }
    },

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值