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

~ 总览 在React中,通过按钮点击设置输入框: 声明一个state变量,用于跟踪输入控件。...如果你需要清除输入控件,把它设置为空字符串。 或者,你也可以使用不受控制输入控件。...需要注意是,输入控件没有onChange属性或者value设置。 你可以用defaultValue属性给一个不受控制input传递一个初始。...然而,这并不是必须,如果你不想设置初始,你可以省略这个属性。 当使用不受控制输入控件时,我们使用ref来访问input元素。useRef()钩子可以被传递一个初始作为参数。...需要注意是,当你改变refcurrent属性时,不会导致重新渲染。每当用户点击按钮时,不受控制input会被更新。

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

    原生JS设置CSS样式几种方式

    JS来动态设置CSS样式,常见有以下几种: 1. 直接设置style属性  某些情况用这个设置 !...important无效 如果属性有'-'号,就写成驼峰形式(如textAlign)  如果想保留 - 号,就中括号形式  element.style['text-align'] = '100px'...设置style属性 element.setAttribute('style', 'height: 100px !important'); 4. 使用setProperty  如果要设置!...改变class   比如JQ更改class相关方法 因JS获取不到css伪元素,所以可以通过改变伪元素父级class来动态更改伪元素样式 element.className = 'blue';...创建引入新css样式文件 function addNewStyle(newStyle) {     var styleElement = document.getElementById('styles_js

    23.7K30

    原生JS | 类型与引用类型变量

    HTML5学堂-码匠:在JavaScript中,存在着两种不同变量类型,一种是类型变量,一种是引用类型变量。...其中数组、对象、函数都属于引用类型变量,数值、布尔、null、undefined、字符串属于类型变量,不同类型变量在参数传递方面有不同运行机制。...:类型和引用类型。...不同类型数据在“赋值”时机制并不相同。 欢迎沟通交流~~~HTML5学堂(码匠) 类型变量 类型包括:数值、布尔、null、undefined、字符串。...对于类型变量,变量交换(将一个变量赋值给另一个变量)相当于是创建了一个新空间,把原有的变量值复制一份,并将其存储在新空间当中,新空间与之前空间互不影响。

    3.5K90

    清空input file中

    清空input file中 对于input type为file元素: 未选择文件之前,它是这个样子: 当选择文件名为index.html文件后,它变成了这个样子,input元素会显示文件名信息...由于input type为file元素默认只要选择了文件都会显示其文件名信息,所以想实现上述效果就需要在判断时对不符合条件进行一个input file清空。...方法如下,亲测有效: 1、value设置为空 对于input type为file元素,不能为value属性设置除空以外,否则会报错,如下图: 但是可以利用设置value为空来清空input...inputEle为input type为file元素DOM。 inputEle.value = ''; 因此,对于不满条件可以通过设置value为空,让input元素不显示其文件名信息。...参考文献 [1] js清空input file [2] 将input file选择文件清空两种解决方案 发布者:全栈程序员栈长,转载请注明出处:https://javaforall.cn/160938

    6.5K20

    原生js笔记

    引入Javascript 方式有三种 1.在html 中直接放到 2.外部引入js文件 3.在标签直接写 <p...2、以驼峰命名规则 ——开始单词小写 后面的单词首字母大写 例如 helloWorld boyAge suZiXing 保留字 js中大小写严格区分 alert弹框 String() 保留字不能用于普通表示符...形参对应通过调用函数中传入实参(具体数值) 函数参数: 如果函数在调用时缺少参数,参数会默认设置为: undefined 我们可以将变量放在小括号中,作为形参(形式参数,相当于变量,只是不需要声明...全局作用域: 在js中作用域: 一个变量作用范围 1、全局作用域(整个 标签中): 页面打开全局作用域被打开,页面关闭全局作用域被销毁; 全局作用域变量叫全局变量,全部变量可以在全局作用域中使用...* 2.将新建对象设置为函数中this,在构造函数中可以使用this来引用新建对象 * 3.逐行执行函数中代码 * 4.将新建对象作为返回返回 * 使用同一个构造函数创建对象,我们称为一类对象

    9210
    领券