如果在iPhone上打开VoiceOver,则文本会重叠占位符

时间:2017-04-18 12:26:55

标签: javascript placeholder voiceover

我有一个动态加载值的输入。当值出现在输入字段上时,占位符应该消失。一切正常,但当我打开VoiceOver时,占位符不会消失,文本会重叠。

这是一个例子: https://jsfiddle.net/t8ykvp8e/

<input type="text" placeholder="Placeholder text" value="">

setTimeout( function() {
  $('input').attr('value', '123')
}, 2000)

您有任何想法如何修复它? 谢谢!

1 个答案:

答案 0 :(得分:0)

您应该使用jQuery的val method来设置输入元素的值。使用attr仅修改元素的value属性(换句话说,它的初始值),这可能会解释与VoiceOver结合使用时的奇怪行为。

$('input').val('123');

另见:Properties and Attributes in HTML