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

input获取焦点 原生js_原生js的input事件

1.onfocus 当input 获取到焦点时触发 2.onblur 当input失去焦点时触发,注意:这个事件触发的前提是已经获取了焦点再失去焦点的时候才会触发该事件,用于判断标签为空。...3.onchange 当input失去焦点并且它的value发生变化时触发,个人感觉可以用于注册时的确认密码。...事件–相当于一个按键,两个事件,没怎么用过 6.onclick 主要是用于 input type=button,input作为一个按钮使用时的鼠标点击事件 7.onselect 当input里的内容文本被选中后执行...,只要选择了就会触发,不是全部选中 8.oninput 当input的value发生变化时就会触发,(与onchange的区别是不用等到失去焦点就可以触发了) 使用方法: 以上事件可以直接放到input...的属性里,例如: 1 , 可以通过js给input dom元素添加相应的事件, 2 document.getElementByTagName(‘input’).onfocus = function();

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

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

    HTML5学堂(码匠):在原生JavaScript当中,存在默认的getElementsByClassName()方法,在不支持该方法的浏览器中,又应该怎么实现“通过类名获取标签”呢?...原生JS通过类名获取标签 getElementsByClassName()是原生JavaScript提供的方法,但是并不是所有的浏览器都支持,在ie早期版本的浏览器是不允许通过这个方法获取标签的,因此...,需要自定义一个方法,使我们能够在每个浏览器下都能通过类名获取标签。...通过类名获取标签的思路 首先检测浏览器是否支持getElementsByClassName方法; 对于不支持getElementsByClassName方法的浏览器,通过标签名的方式来获取标签,之后,进行标签的筛选...JS功能代码 1.

    13.1K60

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

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

    3.5K90

    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
    领券