X-WebKit的讲话:onwebkitspeechchange不是正在重置价值(x-webkit-

2019-09-28 06:21发布

我想我的输入值与onwebkitspeechchange事件复位,因此只有讲稿保持价值。

onclick上的小话筒删除文本

后单击对话框弹出和值重置为初始文本

码:

<input name="s" type="text" x-webkit-speech="" id="s" value="What are you looking for?" onfocus="if (this.value == 'What are you looking for?') {this.value = '';}" onwebkitspeechchange="if (this.value == 'What are you looking for?') {this.value = '';}" onblur="if (this.value == '') {this.value = 'What are you looking for?';}">

我知道,onblur事件是这样做的,但我怎么能破例为onwebkitspeechchange所以只有语音reamain?

不能使用占位符属性(在IE 9不工作)

Answer 1:

我遇到了同样的问题,得到它用一个简单的JS函数工作。 这里是我的解决方案:

<input x-webkit-speech="x-webkit-speech" onwebkitspeechchange="webkitSpeechChange(this);" name="myinput" value="<?php echo $this->__('Search entire store here...') ?>" class="search-query" />
<script type="text/javascript">
    //<![CDATA[
    function webkitSpeechChange(input) {
        input.value = input.value.replace('<?php echo $this->__('Search entire store here...') ?>', '');
    }
    //]]>
</script>

其中, <?php echo $this->__('Search entire store here...') ?>应该是你的默认值。

希望这可以帮助 :)



文章来源: x-webkit-speech: onwebkitspeechchange is not reseting the value