首页
学习
活动
专区
工具
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.5K60

js实现动态添加具有相同nameinput+动态添加input绑定事件+保存前判断所有name为空阻断提交

一、在动态上传章节信息时,碰到了一系列问题,主要有: 1、动态添加input元素绑定事件失效了。 2、提交保存时,多个name相同表单如何判空并阻断提交。...二、问题界面展示: (1)在这个页面中,第一个form表单,是开始就有了,第二个是点击按钮后动态添加,它判断是否为空是无效。...开始写时候这样写,结果就出现了刚才所遇到问题。新增input表单事件无效。...js,比如添加表单,不需要可以点击×号删除,要想实现效果,但不知道怎么做时候,我们可以自己写点击事件,不用框架,因为我们无法把握人家js,这只是本人一种思路,会不用理会。...(2)在formaction右边添加了id为myform。 (3)定义一个初始值i,记录为空个数。 (4)使用each函数循环遍历name相同表单,遍历时,判断是否符合,有不符合i值加1。

6K20

js判断属性是否存在(javascript特点)

该方法可以判断对象自有属性和继承来属性是否存在。...如果要判断数组中是否存在某个元素的话很好判断,直接用数组indexOf方法就好,存在返回当前索引不存在返回-1 var arr=[1,2,3,4] arr.indexOf(3) // 2 arr.indexOf...要只是判断的话是可以遍历后判断对象属性是否相同,像这种: arr.forEach(item=>{ if(item.name=='Alex'){ alert('存在这个元素')...但实际中往往是需要动态添加或删除对象或元素,用这个方法的话不好操作,可能会添加或删除掉多个,可以是用stringindexOf方法来判断 const option = {name:'111'} //...} 这个判断是可以,但存在一个问题需要注意一下,如果对象顺序不一样,是不能检测到重复 例如arr = [{name:’张三’, sex:’男’}] option = {sex:’男’, name

6K30

js if 判断如丝般顺滑

项目中一个小需求点,点击按钮,验证几十个条件框,判断所有条件框是否填写(选择)过数据(至少有一个条件判断为真)再执行对应操作 判断条件框包含 Radio 单选框,Checkbox 多选框,Input...输入框,InputNumber 计数器, Select 选择器, Switch 开关等 项目使用 Element 组件库 V2.15.6 不同条件对应数据类型以及默认值 Radio 单选框 string...array [] Switch 开关 boolean false 代码实现 思路一 直接用 if 判断开干,然后大概代码如下(变量为模拟变量) // 多条件判断开始,如下 if (obj.radio1...if 判断没写几个就写了很长一串, 然后写了几个就写不动了(感觉在写一坨 shi ) 能不能用更优雅方式实现呢?...思路二 把这些需要判断变量放到一个数组里,用 map 处理成 Boolean 类型,使用 includes 判断数组中是否包含指定 Boolean 值 // 多条件判断开始,如下 const arr

1.7K20
领券