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

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

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

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

    React技巧之设置input

    需要注意是,输入控件没有onChange属性或者value设置。 你可以用defaultValue属性给一个不受控制input传递一个初始值。...然而,这并不是必须,如果你不想设置初始值,你可以省略这个属性。 当使用不受控制输入控件时,我们使用ref来访问input元素。useRef()钩子可以被传递一个初始值作为参数。...该钩子返回一个可变ref对象,其.current属性被初始化为传递参数。 需要注意是,我们必须访问ref对象current属性,以获得对我们设置ref属性input元素访问。...当我们为元素传递ref属性时,比如说, ,React将ref对象.current属性设置为相应DOM节点。...你不应该在一个不受控制input(一个没有onChange处理函数输入控件)上设置value属性,因为这将使输入控件不可变,你将无法在其中键入。

    2K10

    谨慎设置innodb_io_capacity_max

    作为数据库技术顾问,我们至少每个月都会看到客户根据存储最高 IO 写入负载来设置这两个变量。这是正确选择吗?它是最佳性能值吗?SSD/闪存磨损均衡怎么样?...从性能测试结果来看, 当我们设置 innodb_io_capacity_max 为100 , 大约每执行63个 update 便会有一个页面被刷新,当我们设置innodb_io_capacity_max...上述实验中我们改变 innodb_io_capacity_max 值,更新速率从 innodb_io_capacity_max 为 100 6000 trx/s 以上变为 innodb_io_capacity_max...我们经常看到 innodb_io_capacity 和 innodb_io_capacity_max 值都非常高,因为人们会查看他们 SSD 规格并设置一个非常高数字。...实际上,我们很惊讶地看到很多人建议几乎开箱即用地增加 IO 容量设置,而不是关注其他一些设置。 所以,很好,保持 io_capacity 设置尽可能低 - 你 SSD 会感谢你

    1.8K21

    mysql参数max_binlog_cache_size设置不当引发血案

    最近又遇到经验不足DBA不知道从哪拷贝配置文件(据说是当时参加某培训机构视频培训时资料里模板,真的是误人子弟呀),其中把max_binlog_cache_size设置只有2G,而MySQL早已将此参数默认值调整很大了...,max_binlog_cache_size参数值小了。...引发此问题主库执行了几个很大事务,且从库开启了并行复制,因此需要更大max_binlog_cache_size来处理innodb事务。...因为也确实没必要还原为默认值,毕竟达不到那么大,因此,先将其设置为40GB mysql> set global max_binlog_cache_size=40*1024*1024*1024;Query...参数与binlog_cache_size以及Binlog_cache_use等参数有关,因此设置时要根据实际情况调整,千万不可无脑跟风设置

    1K10

    JS设置定时器_js设置定时器

    JS定时器一些特性和如何避免重复设置定时器 概述和总结 每个JS定时器产生时会被系统分配一个id,这个id是正整数,而且一个页面里面的定时器id不重复,我们能用一个变量接收这个id,但是如果重复执行一条接收创建语句...案例分析 用两个按钮来控制灯泡闪烁,运用CSS简单美化页面,然后控制功能由JavaScript实现,但在使用JS计时器时遇到一些问题。也不再废话了, 下面是最开始代码 /* border-radius:设置边框圆角 margin-top: 设置上外边距 margin-left:设置左外边距 这里边距使用百分比比直接设置...--这里就是三个元素定义 --> /* 这里就是JS部分了 问题也就出在这里

    29.9K30

    【整合】input标签JS改变Value事件处理方法

    实现效果:   1、文本框支持手工输入,通过用户输入修改值,手工输入结束后触发事件。阻塞在于失去焦点后才触发(输入过程中不触发事件)   2、通过JS方法修改值,修改后触发事件。...重点阻塞在于此(JS赋值要触发)   最终采用方案:   1、IE(IE8及以下)下使用onpropertychange实现JS赋值后触发事件   2、需求是手工输入结束后才触发事件,避免在文本框实时输入文字时候也因为...赋值 文本框: 总结对比在input标签中onchange...适用场景为:文本框输入过程中实时监听输入内容,触发事件 onpropertychange:IE中元素特有的属性,直接在底层监听元素属性变化(不止是Value),任何变化都会触发事件,包括适用JS操作...      适用场景为:页面运行期间实时监听元素属性变化,触发事件,特别适用于在IE中JS操作触发事件场景 后记:项目原需求实现其实最好是在控件里面更改,这里做了个奇怪东西~  权当学习 参考:

    12.2K50
    领券