javascript----同时指定onclick 与onfocus .....

最新推荐文章于 2024-04-20 15:25:58 发布

原创最新推荐文章于 2024-04-20 15:25:58 发布 · 2.3k 阅读

0 ·

CC 4.0 BY-SA版权

web前端专栏收录该内容

4 篇文章

订阅专栏

本文深入探讨了HTML文本框中onfocus和onclick事件的执行顺序，通过具体代码实例展示了IE9和Chrome浏览器的响应过程，并分析了不同交互行为之间的逻辑关系。

onfocus 在tap 或者浏览器页面再次出现都会触发；

那么同时指定 onclick 与onfocus .....的执行顺序是什么？

测试：onfocus &onblur 实现文本框的水印，ie9 & chrome

<div >
				<input  class="tbx" type="text" value="用户名" onclick='this.value='click'' onfocus="this.value=''" onblur="this.value='用户名';"></input>
			</div>
			<div>
				<input class="tbx" type="text" onclick="alert('click')"  onfocus="alert('focus')" value="密码"></input>
			</div>

结果；

第一次点击密码框只提示focus 再次点击提示 click 然后提示focus；

focus->click&focus->click&focus->..........................................

blur : v/n 使模糊