键盘点击事件 vue iview ui

KeyDown：按键下去触发事件

KeyPress：按键不松持续事件

用来捕获数字(注意：包括Shift+数字的符号)、字母（注意：包括大小写）、小键盘等除了F1-12、SHIFT、Alt、Ctrl、Insert、Home、PgUp、Delete、End、PgDn、ScrollLock、Pause、NumLock、{菜单键}、{开始键}和方向键外的ANSI字符

KeyUp：松开键盘事件

<textareav-model="messageContent"class="textarea"@keydown="chartFun"id="chattext"
></textarea>
<Modalfooter-hidetitle="人员列表"v-model="grouppeople"width="400"class-name="vertical-center-modal"><div><Input v-model="search.name" placeholder="张三" clearable /><divv-for="(item, index) in peopleList":key="index"class="peopleClass"@click="curpeoplefn(item.name, index)"><img :src="item.img" alt="" style="width: 40px; height: 40px" /><span>{{ item.name }}</span></div></div></Modal>

data() {return {grouppeople: false,｝
｝methods: {//按下@键事件chartFun: function () {let _this = this;//可以打印你按下键的对应值let textarea = document.getElementById("chattext");textarea.onkeyup = function (e) {if (e.key == "@") {//自定义事件_this.grouppeople = true;} else if (e.key == "Enter") {//自定义事件_this.mineSend();}};},
}

注意:

KeyDown触发后，不一定触发KeyUp，当KeyDown 按下后，拖动鼠标，那么将不会触发KeyUp事件。
KeyPress主要用来捕获数字(注意：包括Shift+数字的符号)、字母（注意：包括大小写）、小键盘等除了F1-12、SHIFT、Alt、Ctrl、Insert、Home、PgUp、Delete、End、PgDn、ScrollLock、Pause、NumLock、{菜单键}、{开始键}和方向键外的ANSI字符
KeyDown 和KeyUp 通常可以捕获键盘除了PrScrn所有按键(这里不讨论特殊键盘的特殊键）
KeyPress 只能捕获单个字符
KeyDown 和KeyUp 可以捕获组合键。
KeyPress 可以捕获单个字符的大小写
KeyDown和KeyUp 对于单个字符捕获的KeyValue 都是一个值，也就是不能判断单个字符的大小写。
KeyPress 不区分小键盘和主键盘的数字字符。
KeyDown 和KeyUp 区分小键盘和主键盘的数字字符。
其中PrScrn 按键KeyPress、KeyDown和KeyUp 都不能捕获。

键盘点击事件 vue iview ui相关推荐

.net mvc键盘点击事件跟浏览器冲突
撰写时间:2019年2月15日星期五前面我已经说过了键盘的点击事件,键盘的unicode获取,会了这两点基本上做键盘的点击事件就没有什么问题了,但是万事都有意外嘛,有些时候,我们定义的点击事件明明就 ...
android 键盘点击事件监听事件,Android 键盘事件触发以及监听
一.Android 手动显示和隐藏软键盘如果输入法在窗口上已经显示,则隐藏,反之则显示 InputMethodManager imm = (InputMethodManager) getSystem ...
键盘点击事件（坦克大战）
通过点击键盘方向键移动坦克位置 HTML <!DOCTYPE html> <html lang="en"><head><meta char ...
vue iview UI 隐藏Table组件里的某些列
我们在做Table的时候经常会根据一些条件需要进行隐藏.因此是否可以提供这样一个显示隐藏的属性,能够设置某列是隐藏的呢? 下面来看看效果: 现在视图里面加上动态列: <Table height= ...
【Vue教程三】点击事件、表单输入事件、键盘事件
一.点击事件: 1.可以用 v-on 指令监听 DOM 事件,并在触发时运行一些 JavaScript 代码. 'v-on:click' 简写成 '@click' <body><di ...
web前端-vue element UI el-table，el-table-column表格添加行点击事件
el-table如下数据一.el-table 整行都可以点击事件定义点击事件 @row-click="openDetails":openDetails为方法名 <!-- ...
html表格数据点击事件,如何在iview的table单元格里实现点击事件？
需求是这样的,我需要做一个表格,表头和内容全都是动态的. 从服务器端获取到数据后,最后拼装成一个二维数组slotTableData,里面的内容是自 iview 2.3 支持的 html.这样就可以在界 ...
vue点击弹窗自动触发点击事件的解决办法
业务场景:使用vue +element ui 的el-dialog,点击弹窗之后,默认加载第一个按钮的数据进行初始化. div 指令: // 自动触发点击事件directives:{trigger:{ ...
Vue.js 极简小例：点击事件
前些天发现了一个巨牛的人工智能学习网站,通俗易懂,风趣幽默,忍不住分享一下给大家.点击跳转到教程. 代码: <template><div> <!-- jy_mothed ...

键盘点击事件 vue iview ui

键盘点击事件 vue iview ui相关推荐

最新文章

热门文章