js input失去焦点事件
Posted
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了js input失去焦点事件相关的知识，希望对你有一定的参考价值。
onfocus 执行 onblur不执行。
<html>
<head>
<script>
function myFunction(x)
if(x.style.background == "red")
x.style.background="yellow";
else
x.style.background="red";
</script>
</head>
<body>
请输入英文字符：<input type="text" onfocus="myFunction(this);" onblur="myFunction(this);" />
</body>
</html>
换成onFocus.
JS全名javascript，是一种直译式脚本语言，是一种动态类型、弱类型、基于原型的语言，内置支持类型。
它的解释器被称为JavaScript引擎，为浏览器的一部分，广泛用于客户端的脚本语言，最早是在HTML（标准通用标记语言下的一个应用）网页上使用，用来给HTML网页增加动态功能。
在1995年时，由Netscape公司的Brendan Eich，在网景导航者浏览器上首次设计实现而成。因为Netscape与Sun合作，Netscape管理层希望它外观看起来像Java，因此取名为JavaScript。但实际上它的语法风格与Self及Scheme较为接近。
为了取得技术优势，微软推出了JScript，CEnvi推出ScriptEase，与JavaScript同样可在浏览器上运行。为了统一规格，因为JavaScript兼容于ECMA标准，因此也称为ECMAScript。
JavaScript图片如下：
应为它input就是两种情况么，要么获得焦点，要么失去焦点，而你的函数if...else.....都已经诠释的很明白了。。。还是你别有用意 啊。
vue监听滑动事件，隐藏移动端键盘或者input失去焦点
在页面加载的地方mounted或者created写监听事件,注意使用touchmove事件
window.addEventListener("touchmove",this.myTouchMove) // 监听滑动事件
// 滑动关闭键盘
myTouchMove: function (evt) {
if(document.hasFocus){
const inputId = document.getElementById(‘myBox‘) // 获取ID
inputId.blur() // input失焦
// document.activeElement.blur(); // 关闭键盘
}
},
以上是关于js input失去焦点事件的主要内容，如果未能解决你的问题，请参考以下文章
jquery失去焦点与获取焦点事件blur() focus()