怎样给以文本框动态添加onblur事件

怎样给以文本框动态添加onblur事件,第1张

候自动让焦点回到该文本框,所以当你1输入错误的时候,这个时候焦点去了2,1里又让焦点回来,焦点回到1的时候又触发了2里的onBlur事件,正好2里又判断到不能为空,然后要求焦点回到2里面,如此反复,一直这么下去。。。。。。

要想实现这样的功能我们不是放到onBlur下去做,这样很容易出现死循环的情况,如果你非要这样做就不要再把焦点设回来.一般都是在提交的时候一个个去验证比如有name,pwd,phone,那么就是

if(name == ""){

alert("姓名不能为空")

name.focus()

}

else if(pwd == ""){

alert("....")

pwd.focus()

}

else if(phone == ""){

alert("...")

phone.focus()

}

else{

if(confim("您确定提交吗?")){

document.forms[0].submit()

}

}

jquery对动态加载的li添加click事件,事件无法触发时设置出现了问题,解决方法为:

1、新建html文件。

2、创建输入框和按钮。

3、预览效果如图。

4、接下来需要引入jquery.js。

5、设置输入框 keydown 事件和click 事件。

6、按钮点击触发事件。

7、click按钮按下效果如图。

<input type="text">

<script>

document.querySelector('input[type="text"]').oninput = function (e) {

    const value = e.target.value

    if (value.trim()) {

        e.target.setAttribute('linyu', 'active')

    } else {

        e.target.removeAttribute('linyu')

    }

}

</script>

通过 input 事件来实现。输入框更改的时候触发。


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/bake/11821872.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-18
下一篇 2023-05-18

发表评论

登录后才能评论

评论列表(0条)

保存