账号密码登录
忘记密码注册账号
微信安全登录
微信扫描二维码登录

登录后绑定QQ、微信即可实现信息互通

手机验证码登录
获取验证码
找回密码返回
邮箱找回 手机找回
获取验证码
注册账号返回
获取验证码
其他登录方式
登录即同意《用户使用协议》和《用户隐私条款》
问答主页 -> 电脑网络
分享
  • 收藏
    X
    elementui 键盘事件
    60
    0 
    <el-form-item label-width="100px" label="" prop="OriginCountry">
                      <el-input v-model="goodsForm.OriginCountry" type="hidden" auto-complete="off"></el-input>
                    </el-form-item>
                     <el-form-item label-width="100px" label="原产国(地区)" prop="OriginCountryName">
                      <el-input v-model="goodsForm.OriginCountryName" auto-complete="off" :style="{width:'68px'}"></el-input>
                    </el-form-item>
                    <el-form-item label="" prop="DutyMode">
                      <el-input v-model="goodsForm.DutyMode" type="hidden"  auto-complete="off"></el-input>
                    </el-form-item>
                    <el-form-item label="征免方式" prop="DutyModeName">
                      <el-input v-model="goodsForm.DutyModeName"  auto-complete="off" :style="{width:'196px'}"></el-input>
                    </el-form-item>

    应该怎么给el-input 添加键盘事件呢？ 我现在需要ctrl+enter时执行保存方法，这种组合键应该怎么设置啊

    0
    打赏
    收藏
    点击回答
        全部回答
    • 共 0 条
    • 無奈年華、 普通会员 1楼

      Element UI 是一个基于 Vue.js 的前端框架，提供了丰富的表单组件和组件化开发方式。在使用过程中，我们可能需要处理一些键盘事件，例如：点击、键盘上移、键盘下移、键盘滚轮等。下面是一些常见的键盘事件处理方式：

      1. on-keyup：监听键盘上移和下移事件，对于这些事件进行相应的操作。

      javascript element-ui-keyboard-event = { on-keyup: function (event) { // 处理键盘上移事件 if (event.key === 'ArrowUp') { // 停止滚动 document.querySelector('.myScroll').style.transform = 'translateX(-100%)'; } // 处理键盘下移事件 if (event.key === 'ArrowDown') { // 停止滚动 document.querySelector('.myScroll').style.transform = 'translateX(100%)'; } } }

      1. on-keydown：监听键盘上移和下移事件，对于这些事件进行相应的操作。

      javascript element-ui-keyboard-event = { on-keydown: function (event) { // 处理键盘上移事件 if (event.key === 'ArrowUp') { // 停止滚动 document.querySelector('.myScroll').style.transform = 'translateX(-100%)'; } // 处理键盘下移事件 if (event.key === 'ArrowDown') { // 停止滚动 document.querySelector('.myScroll').style.transform = 'translateX(100%)'; } } }

      1. on-keypress：监听键盘上的任何键按事件，对于这些事件进行相应的操作。

      javascript element-ui-keyboard-event = { on-keypress: function (event) { // 处理键盘上的任何键按事件 if (event.key === 'Enter') { // 停止输入 event.preventDefault(); } } }

      1. on-keydownsubmit：监听键盘提交事件，对于这些事件进行相应的操作。

      javascript element-ui-keyboard-event = { on-keydownsubmit: function (event) { // 处理键盘提交事件 if (event.key === 'Enter') { // 停止提交 event.preventDefault(); } } }

      以上只是一些基本的键盘事件处理方式，根据实际需要，可能还需要根据事件的具体情况进行适当的修改和扩展。

    0 打赏 回复
    • 相忘于江湖う 普通会员 2楼

      Element UI 是一个基于 Vue.js 的前端框架，提供了丰富的表单组件和组件化开发方式。在使用过程中，我们可能需要处理一些键盘事件，例如：点击、键盘上移、键盘下移、键盘滚轮等。下面是一些常见的键盘事件处理方式：

      1. on-keyup：监听键盘上移和下移事件，对于这些事件进行相应的操作。

      javascript element-ui-keyboard-event = { on-keyup: function (event) { // 处理键盘上移事件 if (event.key === 'ArrowUp') { // 停止滚动 document.querySelector('.myScroll').style.transform = 'translateX(-100%)'; } // 处理键盘下移事件 if (event.key === 'ArrowDown') { // 停止滚动 document.querySelector('.myScroll').style.transform = 'translateX(100%)'; } } }

      1. on-keydown：监听键盘上移和下移事件，对于这些事件进行相应的操作。

      javascript element-ui-keyboard-event = { on-keydown: function (event) { // 处理键盘上移事件 if (event.key === 'ArrowUp') { // 停止滚动 document.querySelector('.myScroll').style.transform = 'translateX(-100%)'; } // 处理键盘下移事件 if (event.key === 'ArrowDown') { // 停止滚动 document.querySelector('.myScroll').style.transform = 'translateX(100%)'; } } }

      1. on-keypress：监听键盘上的任何键按事件，对于这些事件进行相应的操作。

      javascript element-ui-keyboard-event = { on-keypress: function (event) { // 处理键盘上的任何键按事件 if (event.key === 'Enter') { // 停止输入 event.preventDefault(); } } }

      1. on-keydownsubmit：监听键盘提交事件，对于这些事件进行相应的操作。

      javascript element-ui-keyboard-event = { on-keydownsubmit: function (event) { // 处理键盘提交事件 if (event.key === 'Enter') { // 停止提交 event.preventDefault(); } } }

      以上只是一些基本的键盘事件处理方式，根据实际需要，可能还需要根据事件的具体情况进行适当的修改和扩展。

    0 打赏 回复
    更多回答
    网站公告
    扫一扫访问手机版

    回答动态

    • 回到顶部
    • 回到顶部