首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

input获取焦点 原生js_原生jsinput事件

大家好,又见面了,我是你们朋友全栈君。...1.onfocus 当input 获取到焦点时触发 2.onblur 当input失去焦点时触发,注意:这个事件触发前提是已经获取了焦点再失去焦点时候才会触发该事件,用于判断标签为空。...3.onchange 当input失去焦点并且它value发生变化时触发,个人感觉可以用于注册时的确认密码。...4.onkeydown 按下按键时事件触发, 5.onkeyup 当按键抬起时候触发事件,在该事件触发之前一定触发了onkeydown事件–相当于一个按键,两个事件,没怎么用过 6.onclick...当inputvalue发生变化时就会触发,(与onchange区别是不用等到失去焦点就可以触发了) 使用方法: 以上事件可以直接放到input属性里,例如: 1 , 可以通过js给input

25.6K60
您找到你想要的搜索结果了吗?
是的
没有找到

原生JS | 通过类名获取标签

HTML5学堂(码匠):在原生JavaScript当中,存在默认getElementsByClassName()方法,在不支持该方法浏览器中,又应该怎么实现“通过类名获取标签”呢?...原生JS通过类名获取标签 getElementsByClassName()是原生JavaScript提供方法,但是并不是所有的浏览器都支持,在ie早期版本浏览器是不允许通过这个方法获取标签,因此...通过类名获取标签思路 首先检测浏览器是否支持getElementsByClassName方法; 对于不支持getElementsByClassName方法浏览器,通过标签名方式来获取标签,之后,进行标签筛选...涉及到相关知识 · 字符串split方法; · 数组push方法; · 工厂模式。 JS功能代码 1....功能优化 – 缩小选取范围 在此前代码当中,存在着一个问题:如果通过通配符获取标签,那么所获取标签数量过于庞大,需要筛选大量标签,会耗费比较多时间,此时可以借助第二个参数进行控制,允许用户传入一个参数

13.1K60

原生JS | 类型与引用类型变量

HTML5学堂-码匠:在JavaScript中,存在着两种不同变量类型,一种是类型变量,一种是引用类型变量。...其中数组、对象、函数都属于引用类型变量,数值、布尔、null、undefined、字符串属于类型变量,不同类型变量在参数传递方面有不同运行机制。...:类型和引用类型。...不同类型数据在“赋值”时机制并不相同。 欢迎沟通交流~~~HTML5学堂(码匠) 类型变量 类型包括:数值、布尔、null、undefined、字符串。...对于类型变量,变量交换(将一个变量赋值给另一个变量)相当于是创建了一个新空间,把原有的变量值复制一份,并将其存储在新空间当中,新空间与之前空间互不影响。

3.4K90

js、jQuery 获取文档、窗口、元素各种

基于两年开发经验,总结了 javascript、jQuery 获取窗口、文档、元素各种 javascript: 文档:是整个document所有的内容 浏览器当前窗口文档body宽度: document.body.clientWidth...(其会受滚动条影响,相当于整个文档,整个页面的Y) IE9之下并不支持这个属性 clientY: 鼠标相对于浏览器窗口左上角偏移(其不会受滚动条影响,相对于滚动条当前位置浏览窗口...Y) 注意clientY和pageY区别,pageY在页面无滚动条或滚动条下拉0情况下等同于clientY event.offsetX 相对容器水平坐标 event.offsetY...offsetY : offsetY和layerY不同在于,前者在计算偏移时,相对于元素border左上角内交点, 因此当鼠标位于元素border上时,偏移是一个负值...2.在元素具有上边框border-top情况下, layerY比offsetY多一个border-top宽度

14.1K32
领券