js失焦事件，获焦事件，回车事件

html

<input type="text" value="你好啊！世界" id="btn">

js

<script>//获取元素var btn = document.getElementById('btn');//用户失去焦点获取默认值btn.addEventListener('blur', function (e) {var e = e.targetconsole.log(e)     if (e.value == '') {e.value = e.defaultValue}})//用户获取焦点时清除默认值btn.addEventListener('focus', function (e) {var e = e.targetif (e.value == e.defaultValue) {e.value = ''}})//用户回车时弹出hello worldbtn.addEventListener('keydown',function (e){if (e.keyCode == 13) {alert('hello world')}})</script>

js失焦事件，获焦事件，回车事件相关推荐

JS事件失焦事件（onblur）onblur事件与onfocus是相对事件，当光标离开当前获得聚焦对象的时候，触发onblur事件，同时执行被调用的程序。...
失焦事件(onblur) onblur事件与onfocus是相对事件,当光标离开当前获得聚焦对象的时候,触发onblur事件,同时执行被调用的程序. 如下代码, 网页中有用户和密码两个文本框.当前光标 ...
js中浏览器失焦获焦的几种结局方法
window.onblur=function(){clearInterval(time);//当窗口失焦时,取消计时器,}; window.onfocus=function(){ showtime() ...
3.3.1JavaScript网页编程——WebAPI（JS之DOM基础篇，含事件）
目录 DOM和BOM DOM 根据CSS选择器来获取DOM元素 (重点) 选择引号里面加**css选择器** 获取页面标签querySelect和querySelectAll 其他获取DOM元素方法( ...
AngularJs 相应回车事件
最近做项目,要用到AngularJs,之前也有用过一点点,但仅限于数据的绑定,这次项目要整个前端需要使用这个框架,可能是不熟悉的原因,感觉这代码搞起来非常的不便利,:现总结一个响应回车事件: < ...
VUE扫码枪中文输入法兼容自动回车事件(上)
背景最近产品想要在页面上加一个input输入框,想要手动输入,也想要扫码枪扫描输入,大家都知道扫码枪扫描后会自动出发input的回车enter事件的,我当初也是这么认为的,所以在input上就直接绑 ...
JS标签的获取、js curd、事件的四要素、事件的三种注册方式和区别
1.掌握html和body标签的两种特殊获取方式(*****)---(重点) html: document.documentElement body: document.body le ...
uniapp 扫描枪获取条码不全解决办法，vue组件，使用双向绑定，回车事件触发，获取文本不全问题
原因分析: uniapp使用vue,双向绑定组件,在input标签loop事件循环获取文本的过程中,读取文本信息不是顺序读取,如果条码中包含了回车键,比如扫描枪,扫描文本后会追加回车键,监控文本读取还 ...
jquery 检测回车事件_jquery 回车事件
简单地记下jquery实现回车事件,代码如下: 全局: $(document).keydown(function(e){ if(e.keyCode==13){ $(".login-li in ...
el-input中，输入input和失去焦点blur时进行校验——正则表达式之只能输入数字和大写字母只能输入数字颜色值的正则表达式-3位和6位标签的回车事件
el-input中,输入input和失去焦点blur时进行校验--正则表达式之只能输入数字和大写字母 & 只能输入数字 & 颜色值的正则表达式-3位和6位 & 标签的回车事件 ...
原生js中如果有多个onload事件解决方案
原生js中如果有多个onload事件解决方案参考文章: (1)原生js中如果有多个onload事件解决方案 (2)https://www.cnblogs.com/happy-8090/p/11830 ...

js失焦事件，获焦事件，回车事件

html

js

js失焦事件，获焦事件，回车事件相关推荐

最新文章

热门文章