focus 获取焦点， blur 失去焦点事件 javascript 写法

<body><input type="text" value="点击获取焦点"><script>let input = document.querySelector('input');//给元素添加 获取焦点事件input.addEventListener('focus', function() {input.value='我获取到了焦点';console.log("input获取到了焦点");});//给元素添加 失去焦点事件input.addEventListener('blur', function() {input.value='我失去焦点';console.log("input失去焦点");})</script>
</body>

focus 获取焦点， blur 失去焦点事件 javascript 写法相关推荐

获取焦点和失去焦点事件
js处理获取焦点和失去焦点事件获取焦点:focus 失去焦点:blur var vcode = '' $('#code').blur(function(){//验证输入的验证码是否是发送的验证码co ...
checkbox 点击搜索失去焦点_jquery获取焦点和失去焦点事件代码
input失去焦点和获得焦点鼠标在搜索框中点击的时候里面的文字就消失了. 我们在做网站的时候经常会用到搜索框的获得焦点和失去焦点的事件,因为懒,每次都去写非常的烦,于是就一劳永逸,遇到类似情况就来调 ...
input中blur失去焦点事件与点击事件冲突的解决方法（vue）
一:前言最近在做百度的下拉框时遇到一个问题就是在点击下拉框时,input失去焦点,从而是的下拉框消失,使得点击事件没有用,因此查阅资料得到答案. 二:步骤遇到一个问题,就是输入框input的blu ...
【js练习】自动手动获取焦点、失去焦点事件
<!DOCTYPE html> <html><head><meta charset="utf-8"><title>手动. ...
原生js操作input文本框注册获取焦点、失去焦点事件，设置文本框默认值
<input type="text" value="请输入关键字" class="gray" id="txtInput&qu ...
Android Edittext获取焦点和失去焦点事件
今天遇到这样一个小需求,就是需要监听edittext的焦点事件,然后进行操作,首先我们先来看一下有什么方法,给editText设置setOnFocusChangeListener监听,实现里面的方法o ...
input中blur失去焦点事件与点击事件冲突
场景: 当在输入框里输入手机号的时候,输入框高亮,并且关闭按钮显示,input失焦时关闭按钮隐藏现象: 遇到的问题是,当我们点击关闭按钮清空input框数据时,发现只是关闭按钮隐藏了,数据并没有清空 ...
JS获取焦点和失去焦点事件
下面是代码,大家可以看一下. 这边是运行效果没点击input标签前(获取焦点之前) 获取焦点后效果失去焦点后效果
input获取焦点和失去焦点
js用法: onBlur:当输入框失去焦点后 onFocus:当输入框获得焦点后 onblur 是原生 js 的写法,可以直接写在元素的属性中或者在脚本中定义: <input type=&quo ...

focus 获取焦点， blur 失去焦点事件 javascript 写法

focus 获取焦点， blur 失去焦点事件 javascript 写法相关推荐

最新文章

热门文章

focus 获取焦点， blur 失去焦点 事件 javascript 写法

focus 获取焦点， blur 失去焦点 事件 javascript 写法相关推荐

最新文章

热门文章

focus 获取焦点， blur 失去焦点事件 javascript 写法

focus 获取焦点， blur 失去焦点事件 javascript 写法相关推荐