首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

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

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

    25.7K60

    以计算器为例介绍input操作焦点功能,兼容IE版本

    前端操作input 的焦点功能 经常会用到,你会用到以下功能吗? 选中input框中的某几个字母,监听该事件,获取选中的字母内容。 input的焦点向左移动一个,就像封面图一样,在括号中输入内容。...问题2 需要解决一下几个小问题: 1) 点击计算器其他按钮,获取input 框当前 焦点停留的位置。...2) 拼接 input 旧值和 按钮新值 3) 设置 input 新的焦点位置,即老位置+按钮值长度 + 按钮功能需要变动的长度 4) 解决IE下点击按钮时,input焦点永远为0的行为。...2)js的substring方法。 获取到 input 光标的位置后,在中间插入新值即可。之后再讲将rangeStart 的值增加新值长度,表示当前坐标位置。...输入:光标位置 输出:当前元素 另外:在IE下点击按钮获取光标位置时,浏览器默认为以当前最近元素为事件源。input会丢失光标,方法返回的永远是0。

    1.9K10
    领券