input回退消失 vue_vue中iE11 input select使用backspace使浏览器回退解决-Go语言中文社区...

在utils中添加preventBackspace.js文件

代码如下：export const banBackSpace = (e) => {

let ev = e || window.event

// 各种浏览器下获取事件对象

let obj = ev.relatedTarget || ev.srcElement || ev.target || ev.currentTarget

// 按下Backspace键

if (ev.keyCode === 8) {

// 标签名称

let tagName = obj.nodeName

// 如果标签不是input或者textarea则阻止Backspace

if (tagName !== 'input' && tagName !== 'textarea') {

return stopIt(ev)

}

let tagType = obj.type.toUpperCase() // 标签类型

// input标签除了下面几种类型，全部阻止Backspace

if (tagName === 'input' && (tagType !== 'text' && tagType !== 'textarea' && tagType !== 'password')) {

return stopIt(ev)

}

// input或者textarea输入框如果不可编辑则阻止Backspace

if ((tagName === 'input' || tagName === 'textarea') && (obj.readOnly === true || obj.disabled === true)) {

return stopIt(ev)

}

function stopIt (ev) {

if (ev.preventDefault) {

// preventDefault()方法阻止元素发生默认的行为

ev.preventDefault()

}

if (ev.returnValue) {

// IE浏览器下用window.event.returnValue = false;实现阻止元素发生默认的行为

}

return false

}

在公共main.vue文件中引入banBackSpace方法

mounted生命周期中添加事件mounted () {

document.onkeypress = banBackSpace

document.onkeydown = banBackSpace

}

input回退消失 vue_vue中iE11 input select使用backspace使浏览器回退解决-Go语言中文社区...相关推荐

rust的矿坑_转： Rust中的Pin详解【Rust语言中文社区】
Rust中的Pin详解原创 automanyang Rust语言中文社区昨天 https://mp.weixin.qq.com/s/PjctbPbyR5OeaqTHZdB5uQ 相关概念 Pin ...
input取消焦点 vue_Vue中自动获取input焦点
1.给input属性添加autofocus属性,缺点autofocus 在移动版 Safari 上不工作 2.Vue官网给出的解决办法 // 注册一个全局自定义指令 `v-focus` Vue.dir ...
input取消焦点 vue_vue中，页面上的input框自动获取焦点及二次获取焦点问题
需求:点击button按钮,录入成功后,页面上的input框自动聚焦,快速进行下一次录入,提高效率开始尝试了几种方法都没有成功一.首先想到的用vue指令 v-focus,然而没有成功 v-mode ...
html设置input圆角矩形_html5中关于input用法的改变
① url类型 url类型的input元素是一种专门用来输入url地址的文本框.提交时如果该文本框中的内容不是url地址格式的文字,则不允许提交. 非url提交时Firefox.Chrome 提示错误 ...
html设置input圆角矩形_html5中关于input使用方法的改变
① url类型 url类型的input元素是一种专门用来输入url地址的文本框.提交时假设该文本框中的内容不是url地址格式的文字,则不同意提交. 非url提交时Firefox.Chrome 提示错误 ...
linux进程退出没有log,Linux下应用进程消失原因分析-Go语言中文社区
应用部署在Linux环境下,如果出现未知原因导致应用进程被杀(应用日志中没有任何异常现象,日志出现中断现象),如果对于进程消失原因没有特别明确的方向,可以考虑从系统日志(/var/log/messag ...
php框架中数据库模型层原理,简单模拟ThinkPHP框架模型层对数据库的链式操作-Go语言中文社区...
在接口被实例化以后的每个方法中return 类本身就可以达到链式操作. 改善了写多行代码执行一次操作的缺点. 下面请看我的代码,若有疑问,请留言给我. class Instance{ public s ...
gorm软删除_GORM中文文档-Go语言中文社区
入门指南 GORM是类似Django ORM,对开发人员友好的 Golang ORM 库. 概览全特性 ORM (几乎包含所有特性) 模型关联 (一对一, 一对多,一对多(反向), 多对多, 多态关 ...
python爬取天气数据山东_Python爬取天气预报数据，并存入到本地EXCEL中-Go语言中文社区...
近期忙里偷闲,搞了几天python爬虫,基本可以实现常规网络数据的爬取,比如糗事百科.豆瓣影评.NBA数据.股票数据.天气预报等的爬取,整体过程其实比较简单,有一些HTML+CSS+DOM树等知识就很 ...

input回退消失 vue_vue中iE11 input select使用backspace使浏览器回退解决-Go语言中文社区...

input回退消失 vue_vue中iE11 input select使用backspace使浏览器回退解决-Go语言中文社区...相关推荐

最新文章

热门文章