文章插图
文章插图
文章插图
10.3.3onblur失去焦点事件onblur 事件会在对象失去焦点时发生 。
onblur 经常用于Javascript验证代码，一般用于表单输入框 。
例子创建两个输入框，分别使用静态注册和动态注册的方法，将输入框中的小写英文变为大写
<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><title>onblur 失去焦点事件</title><script type="text/javascript">//静态绑定function upperCase() {//1.先得到fname输入框的value值-->得到对应的dom对象//因为静态绑定是通过html标签的事件属性直接赋于事件响应后的代码，// 本身就是默认的页面加载完毕再执行的var fname = document.getElementById("fname");fname.value = https://www.huyubaike.com/biancheng/fname.value.toUpperCase();}//动态绑定//在页面加载完毕之后再进行动态绑定window.onload = function () {//1.得到fname2对应的dom对象var fname2 = document.getElementById("fname2");fname2.onblur = function () {fname2.value = https://www.huyubaike.com/biancheng/fname2.value.toUpperCase();}}静态：输入英文单词
文章插图
文章插图
文章插图
文章插图
10.3.4onchange内容发生改变事件当元素的值发生改变时，会发生 onchange 事件 。
【day05-JavaScript02】
经验总结扩展阅读
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
