首页
学习
活动
专区
工具
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.3K60
您找到你想要的搜索结果了吗?
是的
没有找到

React技巧之表单提交获取input

~ 总览 在React中,通过表单提交获得input: 在state变量中存储输入控件。...需要注意是,输入控件没有onChange属性或者设置。 你可以用defaultValue属性给一个不受控制input传递一个初始。...需要注意是,当你改变refcurrent属性时,不会导致重新渲染。每当用户提交表单时,不受控制input会被打印。...reset 如果你想在表单提交后清除不受控制input,你可以使用reset()方法。 reset()方法还原表单元素默认。...不管你表单有多少不受控制输入控件,只要调用reset()方法就可以清除所有的字段。 当表单被提交时,获取输入控件另一种方法是,使用name属性访问表单元素。

1.4K20

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

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

5.9K20

js:如何获取select选中

我想获取select选中value,或者text,或者…… 比如这个: <option value=”A” url=”http://www.baidu.com...; // selectedIndex代表是你所选中项index 3:拿到选中项optionsvalue: myselect.options[index].value; 4:拿到选中项options...text: myselect.options[index].text; 5:拿到选中项其他,比如这里url: myselect.options[index].getAttribute(‘url’...); 二:jQuery方法 1:var options=$(“#select option:selected”); //获取选中项 2:alert(options.val()); //拿到选中项...3:alert(options.text()); //拿到选中项文本 4:alert(options.attr(‘url’)); //拿到选中项url 版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人

26.2K30
领券