首页
学习
活动
专区
圈层
工具
发布

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

1.onfocus 当input 获取到焦点时触发 2.onblur 当input失去焦点时触发,注意:这个事件触发的前提是已经获取了焦点再失去焦点的时候才会触发该事件,用于判断标签为空。...3.onchange 当input失去焦点并且它的value值发生变化时触发,个人感觉可以用于注册时的确认密码。...4.onkeydown 按下按键时的事件触发, 5.onkeyup 当按键抬起的时候触发的事件,在该事件触发之前一定触发了onkeydown事件–相当于一个按键,两个事件,没怎么用过 6.onclick...主要是用于 input type=button,input作为一个按钮使用时的鼠标点击事件 7.onselect 当input里的内容文本被选中后执行,只要选择了就会触发,不是全部选中 8.oninput...当input的value值发生变化时就会触发,(与onchange的区别是不用等到失去焦点就可以触发了) 使用方法: 以上事件可以直接放到input的属性里,例如: 1 , 可以通过js给input

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

    实现一个【伪】四则运算封闭的符号运算和

    ,3/2=1什么的,Python3后来有用//这个操作符的,这里不是重点,不用管 昨天快下班的时候事情做完了,于是开始划水,看到sympy是个符号运算的库,我就在想要是让我实现该有多难呢。。...感觉真是非常适合新手/高中生的一个题目呢~ 好吧,那么我们从四则运算封闭的符号系统做起~ 下班后先写了一点,然后吃饭的时候构思了一下,写完啦。今天又补了一点求解一元一次方程。。。...学到的是 数学方面,符号对四则运算封闭的话,需要额外的两个参数:1、系数,2、次数。例如系数是2,次数是3。发现这个问题之后,果断摒弃了次数。...最后实现的符号运算,符号与实数对四则运算封闭,符号与符号对加减封闭(多么偷懒啊哈哈哈哈~原谅我没文化) Python上,知道了doctest的通过单元测试要实现__repr__方法。...: Symbols("x",2) / 4.0 Expected: Symbols("x",0.5) Got: 丢一个不知道能不能让爬虫爬到

    59920

    实现一个简单的JS效果

    JS中的问题 开发工具与关键技术:javascript 作者:盘洪源 撰写时间:2019年1月27日星期六 如何实现导航中的三角符号的方向和颜色的变换。如下图 一开始 ?...,一开始我以为只是用一个i标签创建出一个三角符号出来后,然后通过JS来把它的颜色和方向换过,但后来发现并不是这样。...直接在原来的i标签的地方在创建多一个i标签创建出一个新的三角符号,然后它的颜色和方向就是你后面需要变化的那些。 ?...在i标签上面必须加入style=”display:”,哪个是要后面通过鼠标移入事件就先填none先隐藏起来,然后后面再通过JS来实现后面的效果。...后面还要给它加上一个鼠标移出事件,然后和上面的移入事件相反就行,这样一个简单的三角形符号变换就可以实现了。

    2K31

    js 动态生成 input 的绑定事件 blur 无效

    https://blog.csdn.net/u011415782/article/details/89230040 ☯ 背景描述 今天在进行代码编写时,我需要根据ajax返回的数据动态生成一个表格...,而针对于其中的input标签,要求设置失去焦点的blur事件 需要实现的界面截图如下: ?...最开始编写的 js 代码如下: /** * 当sku库存量变化时,对应总库存进行更新 */ $(".input-sku-stock").blur(function ()...; 但是发现,静态的表格是可以正常实现的,而动态新生成的却无法触发blur事件 因为测试失败后,转而考虑新的写法,且可以正常实现 ?...ி 附录 1.针对我的问题,求助度娘,发现了下面的一个帖子,可作参考 动态添加的blur事件失效 [问题点数:60分,结帖人lawrendc] 时间相当久远... 2.最接近解决需求的文章如下

    10.4K00

    js 中的逻辑赋值运算

    逻辑运算符 在 js 中,我们都知道有逻辑运算符,比如 逻辑与 ( && )、逻辑或( || )、逻辑非( ! )、空值合并运算符(??)...一般来说,当从左到右求值时,该操作符返回第一个假值操作数的值;如果它们都是真值,则返回最后一个操作数的值。...(||,逻辑析取)运算符,当且仅当其一个或多个操作数为真,其运算结果为真。...当它是布尔值时,返回一个布尔值。然而,|| 运算符实际上是返回一个指定的操作数的值,所以如果这个运算符被用于非布尔值,它将返回一个非布尔值。...空值合并运算符(??)是一个逻辑运算符,当左侧的操作数为 null 或者 undefined 时,返回其右侧操作数,否则返回左侧操作数。

    1.5K20

    Js的new运算符

    new运算符 在JavaScript中,new是一个语法糖,可以简化代码的编写,可以批量创建对象实例。...语法糖Syntactic sugar,指计算机语言中添加的某种语法,这种语法对语言的功能并没有影响,但是更方便程序员使用。通常来说使用语法糖能够增加程序的可读性,从而减少程序代码出错的机会。...power: 100, defense: 100 } stuGroup.push(obj); } console.log(stuGroup); 此时得到了10个初始化的student...stuGroup = []; for(let i=0;i<10;++i){ stuGroup.push(new Student(i)); } console.log(stuGroup); new运算符的操作...创建一个空的简单JavaScript对象(即{}) 链接该对象(即设置该对象的构造函数)到另一个对象 将步骤1新创建的对象作为this的上下文 如果该函数没有返回对象,则返回this function

    4.3K30

    JS手动实现一个链表

    什么是链表 链表是一个「线性」结构,充分利用了计算机的内存空间,实现了灵活的内存状态管理。在物理存储结构上,链表是不连续、无顺序的存储结构,在逻辑上,通过使用节点的引用实现顺序。...链表结构 这是最简单最基础的链表,还有其他形式的链表: 单向或双向 是否有头 是否循环 代码实现 因为链表的结构很简单,我们可以自己写代码手动实现一个单向链表,代码如下: // 构造一个节点 class...我们自己用代码实现一个链表时,可以发现增加和删除操作,都需要递归找到目标节点。数组可以通过下标直接访问到元素,所以链表的时间复杂度一般是要大于数组的。 我们可以做一个表格对比平均复杂度。...还有循环链表,就是链表中的最后一个节点又指向第一个节点,构成一个环。 有序链表,是链表中节点的value按升序或降序排列。...链表相关的面试题 常见的链表相关的面试题大概如下,由于篇幅问题,具体的实现思路及代码,再写新的文章。 1、合并两个有序链表。 2、打印两个链表的公共值(两个链表的第一个公共节点)。

    96520

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

    二、问题界面展示: (1)在这个页面中,第一个form表单,是开始就有了,第二个是点击按钮后动态添加的,它的判断是否为空是无效的。...三、问题出现的原因: (1)、为了完成业务,我最初在html中我写了一个form表单,和一个增加按钮。...,这种动态添加可以通过使用js的append()方法实现,在idea中,我直接复制上面的html代码,粘贴进入append方法中,他会自己转义,特别方便。...开始写的时候这样写,结果就出现了刚才所遇到的问题。新增的input表单事件无效。...js,比如添加的表单,不需要可以点击×号删除,要想实现效果,但不知道怎么做的时候,我们可以自己写点击事件,不用框架的,因为我们无法把握人家的js,这只是本人的一种思路,会的不用理会。

    6.7K20

    「硬核JS」令你迷惑的位运算

    +[]]*~+[]] 嗯,就以这一段网红代码为开头吧 看此文之前,请一定要先阅读这篇文章 「硬核JS」数字之美 「硬核JS」数字之美 「硬核JS」数字之美 重要的事情说三遍,上面这篇文章就是给此文做准备的...位二进制整数就可以,因为 64 位存储格式是不可见的,但是也正是因为后台这个默认转换操作,给 JS 这门语言产生了一个副作用,即特殊值 NaN 和 Infinity 在位运算中都会直接被当作 0 来处理...其实不止是 JS ,很多语言的位运算都是如此 有符号&无符号 穿插一个小知识点, ECMAScript 整数有两种类型,即有符号整数(允许用正数和负数)和无符号整数(只允许用正数) 在 ECMAScript...~-1 == 1 == true ,一般来说我们使用按位非的写法来校验 -1 是用的最多,也是位运算中最容易令大家接受的了,是不是特别简单方便呢 使用按位非 ~ 取整 按位非的骚操作中,还有一个比较普遍的就是位运算双非取整了...随后,我们就得到了一个新的二进制,转为 10 进制即为数值 2,其实就是左移的逆运算 同样,数字 x 有符号右移 y 位我们也可以得到一个公式,如下 x >> y // 等同于 x / 2^y

    2K20
    领券