input的onblur事件的疑问

发布网友发布时间：2022-04-20 11:55

共4个回答

热心网友时间：2022-04-20 13:24

第一个问题出在，onblur事件一直绑定着，因此只要你在输入框之外任何位置点击都会导致事件执行，就算你在searchbutton点击之后使输入框获得了焦点，可是事件代码已经执行了，所以到了时间就隐藏了。
因为click事件比blur事件晚执行，从而无法识别到是不是点击span按钮导致的blur。
解决方法：
1、把blur内的setTimeout返回值保存为int

2、$(".searchbutton").click执行时肯定触发了blur，click处理函数里把定时器int关掉clearTimeout(int)

第二个问题，很怪异，归根结底还是blur事件绑定的不合适，有事没事就被触发了，自己调试一下看看到底什么问题。

热心网友时间：2022-04-20 14:42

onchange虽然是控件值变化出发的事件，但前提是焦点离开该控件，如果焦点仍在控件上而值变化时，是不会触发的，也就是说，在焦点离开控件且值发生变化时，该事件触发onblur只要焦点离开就触发，不管值有没有变化至于两者哪个先执行，倒没有测试过，你可以试一下

热心网友时间：2022-04-20 16:17

请参考：http://jsfiddle.net/t84je/
问题根源在于点击$('.searchbutton')时，$('.textarea')触发了blur事件追问问题一我大概明白些，在点击的瞬间失去了焦点；那问题2呢？为何后面再次点击搜索选项，div窗口总是刚显示就马上隐藏了呢？

热心网友时间：2022-04-20 18:08

哎呀，问题这么长，我得看几次，本来书都看走神追问简单说就是js给input执行了获取焦点的命令，可是onblur仍然运行。我不知道是哪里写错了