如何利用jquery中方法实现input输入框切换事件

 时间:2024-11-01 05:39:44

1、第一步,在HBuilder新建静态页面change.html,引入jquery-3.2.1.js文件,如下图所示:

如何利用jquery中方法实现input输入框切换事件

2、第二步,在<body></body>标签元素内插入div元素,再在div内部插入两个input输入框,分别设置对应的id属性值,如下图所示:

如何利用jquery中方法实现input输入框切换事件

3、第三步,编写input输入框事件,利用change方法,将第一个输入框的值赋值给第二个;预览页面并输入值,发现只有在失去焦点时,第二个输入框的值才会变化,如下图所示:

如何利用jquery中方法实现input输入框切换事件
如何利用jquery中方法实现input输入框切换事件

4、第四步,将change改为input,点击保存代码,并预览页面,如下图所示:

如何利用jquery中方法实现input输入框切换事件

5、第五步,在第一个输入框中输入值,发现第二个输入框的值马上就改变,说明这个方法效果好,如下图所示:

如何利用jquery中方法实现input输入框切换事件

6、第六步,在input后面添加“propertychange”,再次预览页面,发现效果跟input的是一样的,如下图所示:

如何利用jquery中方法实现input输入框切换事件
如何利用jquery中方法实现input输入框切换事件
  • 每天养生的时间表
  • 新中式风格究竟美在哪里?这4点认识新中式风格
  • 如何获取Python内置关键字
  • USB连接平板电脑做双显示器
  • PPT编辑文字过程中的tab键如何使用
  • 热门搜索
    英语手抄报的英文 弟子规手抄报大全 教师节手抄报大全 四年级上册手抄报 防新型冠状病毒手抄报 关于节日的英语手抄报 长征手抄报图片 关于奥运会的手抄报 体育手抄报图片 关于健康的手抄报内容