在javascript的同一功能上使用多个按钮
我想为使用相同功能但存储在不同id名称上的不同文本框创建多个按钮在javascript的同一功能上使用多个按钮,javascript,php,html,Javascript,Php,Html,我想为使用相同功能但存储在不同id名称上的不同文本框创建多个按钮 Name<input id="name"></input> <button onclick="myFunction()">Start</button> <script> function myFunction() { var recognition = new (window.SpeechRecognition || windo
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>
名称
开始
函数myFunction(){
var识别=新建(window.SpeechRecognition | |
window.webkitSpeechRecognition | | window.mozSpeechRecognition |
窗口(MSSPEECHRECOMNITION)();
recognition.lang='en-US';
recognition.interimResults=false;
识别率=5;
识别。开始();
recognition.onresult=函数(事件){
document.getElementById(“name”).value=(event.results[0][0]。转录本);
};
}
调用函数时传递输入字段的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>
名称
开始
电话
开始
函数myFunction(id){
var识别=新建(window.SpeechRecognition | |
window.webkitSpeechRecognition | | window.mozSpeechRecognition |
窗口(MSSPEECHRECOMNITION)();
recognition.lang='en-US';
recognition.interimResults=false;
识别率=5;
识别。开始();
recognition.onresult=函数(事件){
document.getElementById(id).value=(event.results[0][0]。转录本);
};
}
将id存储到按钮中的data-*属性中,然后在函数中读取属性值,而不是硬编码id。我很高兴能够提供帮助。请接受答案,这样其他人也可以学习。