两个INPUT同步输入的方法小结 兼容IE和firefox

第一种 可以用onpropertychange来实现 只支持IE

function copyob1toob2(){
document.all["ob_text_2"].value=document.all["ob_text_1"].value
}

[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]

第二种可以用onkeydown事件绑定。但会少一个字母

var o_1 = document.getElementById("s1");
var o_2 = document.getElementById("s2");
o_1.onkeydown = function(){
o_2.value = o_1.value
}

[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]

第三种 用onkeyup实现，就是当键盘弹起的时候。IE和firefox都支持

function copyob1toob2(){
document.all["ob_text_2"].value=document.all["ob_text_1"].value
}

[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]

就是2个事件的先后问题，造成 onkeydown 会丢失一个字母，它所做的事情就是当按键按下立时触发的事情，这时你们只是按下了按键，但是还没有把你们想传入的数据录入 <input 里面，就已经出发了 onkeydown。 而onkeyup 就很好的解决了这个问题，它就是当计算机接收了你输入的字符后，抬起键盘的一瞬间触发事件，那个字母或者符号就不会缺少。

赞 (0)

相关推荐

  • 两个INPUT同步输入的方法小结 兼容IE和firefox

    第一种 可以用onpropertychange来实现 只支持IE function copyob1toob2(){ document.all["ob_text_2"].value=document.all["ob_text_1"].value } [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行] 第二种可以用onkeydown事件绑定.但会少一个字母 var o_1 = document.getElementById("s1"); va

  • js限制文本框只能输入数字方法小结

    有时需要限制文本框输入内容的类型,本节分享下正则表达式限制文本框只能输入数字.小数点.英文字母.汉字等代码. 例如,输入大于0的正整数 复制代码 代码如下: <input onkeyup="if(this.value.length==1){this.value=this.value.replace(/[^1-9]/g,'')}else{this.value=this.value.replace(/\D/g,'')}" onafterpaste="if(this.valu

  • jQuery控制input只能输入数字和两位小数的方法

    前言 做为一个PHPER,难免会遇到那种表单中jQuery限制输入的问题,比如,限制空格的输入,只允许输入数字,以及小数点的控制等等,这里,我们就说一下数字的限制. jquery代码 话不多说,直接先上jQuery函数,具体的可以看注释说明,在使用这个之前,请务必保证已经提前引入了jQuery库,大家可以自己下载一个jQuery文件,然后引入,也可以查找CDN地址引入,比如在 https://www.bootcdn.cn/jquery/ 可以查找到很多版本的引入地址,直接找到你想要的引入就行.

  • Vue 实现列表动态添加和删除的两种方法小结

    下面将介绍两种方式实现动态添加和删除列表 1.不使用组件 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Vue 测试实例 - vue实现列表增加和删除</title> <script src="https://cdn.bootcss.com/vue/2.2.2/vue.min.js"></script&g

  • jquery的ajax提交form表单的两种方法小结(推荐)

    jquery的ajax提交form表单的两种方法小结(推荐) 方法一: function AddHandlingFeeToRefund() { var AjaxURL= "../OrderManagement/AjaxModifyOrderService.aspx"; alert($('#formAddHandlingFee').serialize()); $.ajax({ type: "POST", dataType: "html", url:

  • C++连接mysql数据库的两种方法小结

    现在正做一个接口,通过不同的连接字符串操作不同的数据库.要用到mysql数据库,以前没用过这个数据库,用access和sql server比较多.通过网上的一些资料和自己的摸索,大致清楚了C++连接mysql的方法.可以通过2种方法实现. 第一种方法是利用ADO连接, 第二种方法是利用mysql自己的api函数进行连接. 第一种方法可以实现我当前的需求,通过连接不同的字符串来连接不同的数据库.暂时只连接了mysql,sqlserver,oracle,access.对于access,因为它创建表的

  • selenium判断元素是否存在的两种方法小结

    在selenium中没有对应的方法,需要自己去写. 元素存在,但不唯一,操作元素会报错 元素不存在,操作元素也会报错 第一种:捕获异常 弊端:只要页面上有元素,不几个,都返回True from selenium import webdriver import unittest class Test1(unittest.TestCase): # 一.准备浏览器驱动.网站地址 # setUp在每个测试函数运行前运行,注意大小写:self不能省略 def setUp(self): self.drive

  • Pytorch中求模型准确率的两种方法小结

    Pytorch中求模型准确率的两种方法小结

    方法一:直接在epoch过程中求取准确率 简介:此段代码是LeNet5中截取的. def train_model(model,train_loader): optimizer = torch.optim.Adam(model.parameters()) loss_func = nn.CrossEntropyLoss() EPOCHS = 5 for epoch in range(EPOCHS): correct = 0 for batch_idx,(X_batch,y_batch) in enu

  • Java中两种基本的输入方式小结

    Java中两种基本的输入方式小结

    目录 两种基本的输入方式 1.使用Scanner类 2.使用System.in.read();方法 输入与输出的使用讲解 1.输入 2.输出 3.输入输出实例 两种基本的输入方式 1.使用Scanner类 需要java.util包 构造Scanner类的对象,附属于标准输入流System.in,之后通过其中的方法获得输入. 常用的方法:nextLine();(字符串),nextInt();(整型数),nextDouble();(双精度型数)等等. 结束时使用close();方法关闭对象. 例子:

  • Angular限制input框输入金额（是小数的话只保留两位小数点）

    需求 输入框要求输入金额,只能输入数字,可以是小数,必须保留小数点后两位. js判断部分: checkInput: function (event) { var id = event.target.getAttribute("id");//获取input的id var reg = /^[-?\d]+(.)?(\d{1,2})?/;//匹配正则while(!reg.test(('#' + id).val()) && ('#' + id).val() != "&q

随机推荐