本文探讨了在iPhone系统上使用Safari浏览器时遇到的一个关于JavaScript事件的问题，具体表现为无法正确捕获某些元素上的点击事件。通过提供示例代码，展示了如何在文本输入框和下拉选择框中设置onfocus和onblur事件。
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
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
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
