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

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

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

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

    详解PHP中的 input属性(隐藏 只读 限制)

    隐藏 input type="hidden"> 只读 input type="text" readonly> 失效 input type="text" disabled> 限制 input type...=9"&/【尽量使用一键安装脚本,要么自己做,要么网上下载或使用我博客的,把时间用在更多的地方,少做重复劳动的事情】/gt; 有两种方式可以实现input的只读效果:disabled 和 readonly...自然两种出来的效果都是只能读取不能编辑,可是两者有很大不同。 Disabled 说明该input无效,及其/【当下浏览的服务器和开发工具是哪些】/value不会传递给任何程序,比如asp、PHP等。...Readonly 仅仅是无法编辑,不影响其值的传递。...name=”partNumber” value=”1500″ readonly> 好了以上就是小编为大家整理的input标签属性的内容啦,希望对大家有所帮助~~

    1.7K20

    input标签的type属性汇总

    1.单行输入框input type=“text”/> 单行文本输入框常用来输入简短的信息,如用户名、账号等,常用的属性有name、value、 maxlength。...需要注意的是,在定义单选按钮时,必须为同一组中的选项指定相同的name值,这样“单选”才会生效。此外,可以对单选按钮应用 checked属性,指定默认选中项。...需要注意的是,必须为其定义src属性指定图像的url地址。 9.隐藏域input type=" hidden"/> 隐藏域对于用户是不可见的,通常用于后台的程序,初学者了解即可。...16 number类型input type=" number/> number类型的 input/标记用于提供输入数值的文本框。在提交表单时,会自动检查该输入框中的内容是否为数字。...17 range类型input type=" range"/> range类型的的输入范围,在网页中显示为滑动条。

    3.8K10

    JS offsetParent属性:获取最近的上级定位元素

    在js中,offsetParent 属性表示最近的上级定位元素。...要获取相对父级元素的位置,可以先判断 offsetParent 属性是否指向父元素,如果是,则直接使用 offsetLeft 和 offsetTop 属性获取元素相对于父元素的距离;否则分别获得当前元素和父元素距离窗口的坐标...//获取指定元素距离父元素左上角的偏移坐标//参数:e表示获取位置的元素//返回值:返回对象直接量,其中属性x表示x轴偏移距离,属性y表示y轴偏移距离function getP (e) { if...offsetLeft属性值 var y = e.offsetTop; //读取offsetTop属性值 } else { //否则调用getW()扩展函数获取父元素的偏移位置,并返回它们的差值..."x" : x, "y" : y },}下面调用该扩展函数获取指定元素相对父元素的偏移坐标。

    7.8K40

    在Springmvc中获取properties属性

    一些关键的属性一般都会拿出来作为配置,比如数据库连接等。在springmvc中也提供了获取property的类,比如@Value来获取。...我接触spring很浅,基本上都是百度的问题解决方法,百度到@value的用法,按照说明尝试了两次都失败了。正巧身边又有合适的方法,于是便没有去深入研究为什么失败,这个留在以后研究。...下面就是获取代码: 源码来自:https://github.com/thinkgem/jeesite 1 package com.demo.common.utils; 2 3 import...可载入多个properties文件, 相同的属性在最后载入的文件中的值将会覆盖之前的值,但以System的Property优先. 17 * Created by Administrator on 2016...,System的优先,null则返回默认值 60 */ 61 public String getProperty(String key,String defaultValue){

    3.4K90
    领券