IPhone Sofari JavaScript Event

magic_dreamer

于 2011-09-21 17:08:05 发布

阅读量107

点赞数

CC 4.0 BY-SA版权

分类专栏： UI 文章标签： iphone sofari

本文链接：https://blog.youkuaiyun.com/magic_dreamer/article/details/84020744

UI 专栏收录该内容

122 篇文章

订阅专栏

本文探讨了在iPhone系统上使用Safari浏览器时遇到的一个关于JavaScript事件的问题，具体表现为无法正确捕获某些元素上的点击事件。通过提供示例代码，展示了如何在文本输入框和下拉选择框中设置onfocus和onblur事件。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

IPhone Sofari JavaScript Event

These days, we came across a problem about sofari browser on iphone system.

We capture the 'Next' button clicking on iphone system with event onfocus

<html>
<head>
<script type="text/javascript">
function OnFocusInput(input) {
input.value = input.name + " in red";
input.style.color = "red";
}

function OnBlurInput(input) {
input.value = input.name + " in blue";
input.style.color = "blue";
}
</script>
</head>
<body>
<input type="text" name="text1" onfocus="OnFocusInput(this)" onblur="OnBlurInput(this)" value="Custom input field"/><br />
<input type="text" name="text2" onfocus="OnFocusInput(this)" onblur="OnBlurInput(this)" value="Custom input field"/><br />
<input type="text" name="text3" onfocus="OnFocusInput(this)" onblur="OnBlurInput(this)" value="Custom input field"/><br />
<select name="select1" onfocus="OnFocusInput(this)" onblur="OnBlurInput(this)">
<option value="1">1</option>
</select>
<br />
<select name="select2" onfocus="OnFocusInput(this)" onblur="OnBlurInput(this)">
<option value="2">2</option>
</select>
</body>
</html>

references:
http://help.dottoro.com/ljjhfrjd.php