[英]Use multiple button on same function of javascript
I want to make multiple button for different text boxes that uses the same function but store on different id names. 我想为使用相同功能但存储在不同ID名称上的不同文本框设置多个按钮。
Name<input id="name"></input>
<button onclick="myFunction()">Start</button>
<script>
function myFunction() {
var recognition = new (window.SpeechRecognition ||
window.webkitSpeechRecognition || window.mozSpeechRecognition ||
window.msSpeechRecognition)();
recognition.lang = 'en-US';
recognition.interimResults = false;
recognition.maxAlternatives = 5;
recognition.start();
recognition.onresult = function(event) {
document.getElementById("name").value =(event.results[0][0].transcript);
};
}
</script>
Pass the ID of input field when calling the function, like this 像这样调用函数时传递输入字段的ID
Name<input id="name"></input>
<button onclick="myFunction('name')">Start</button>
Phone<input id="phone"></input>
<button onclick="myFunction('phone')">Start</button>
<script>
function myFunction(id) {
var recognition = new (window.SpeechRecognition ||
window.webkitSpeechRecognition || window.mozSpeechRecognition ||
window.msSpeechRecognition)();
recognition.lang = 'en-US';
recognition.interimResults = false;
recognition.maxAlternatives = 5;
recognition.start();
recognition.onresult = function(event) {
document.getElementById(id).value =(event.results[0][0].transcript);
};
}
</script>
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.