Javascript Mousedown和Mouseup问题与发射呼叫？

在我的代码中，我使用两个按钮来显示不同于 两种颜色相同的页面。当我点击绿色3秒钟的时候 只有我在启动呼叫并显示相关数据。红色按钮作为正常功能工作

我的问题是第一次点击TRY IT GREEN按钮3秒钟，它什么也不做，我必须第二次点击3秒钟才能显示绿色。在点击绿色按钮两次后，它也可以在以后的一次点击中工作

任何帮助都将不胜感激，这样我就不必点击两次 开始的时候

var pressme=document.getElementById（'pressme'）；
var button1=document.getElementById（'myBtn'）；
var button2=document.getElementById（'myBtn1'）；
var showme=document.getElementById（'showme'）；
按钮1.addEventListener（'click'，display1
);
按钮2.addEventListener（'click'，display2
);
函数display1（）{//显示红色背景
按me.style.display='none'；
showme.style.display='block'；
button1.style.display='none'；
button2.style.display='block'；
}
函数display2（）{//3秒后显示绿色背景
让timeout=null；
按钮2.addEventListener（'mousedown'，事件=>{
超时=设置超时（（）=>{
pressme.style.display='block'；
showme.style.display='none'；
button2.style.display='none'；
button1.style.display='block'；
}, 3000 );
});
按钮2.addEventListener（'mouseup'，事件=>{
if（超时）cleartimout（超时）；
});
}

与WebRTC的实时通信
试试红色
试试绿色

您之前需要连接eventListener，问题是您在单击按钮后连接了鼠标事件侦听器，因此它们第一次无法工作

工作代码：

var pressme=document.getElementById（'pressme'）；
var button1=document.getElementById（'myBtn'）；
var button2=document.getElementById（'myBtn1'）；
var showme=document.getElementById（'showme'）；
按钮1.addEventListener（“单击”，显示1）；
函数display1（）{//显示红色背景
按me.style.display='none'；
showme.style.display='block'；
button1.style.display='none'；
button2.style.display='block'；
}
按钮2.addEventListener（'mousedown'，事件=>{
超时=设置超时（（）=>{
pressme.style.display='block'；
showme.style.display='none'；
button2.style.display='none'；
button1.style.display='block'；
}, 3000 );
});
按钮2.addEventListener（'mouseup'，事件=>{
if（超时）cleartimout（超时）；
});

与WebRTC的实时通信
试试红色
试试绿色
您之前需要连接eventListener，问题是您在单击按钮后连接了鼠标事件侦听器，因此它们第一次无法工作

工作代码：


var pressme=document.getElementById（'pressme'）；
var button1=document.getElementById（'myBtn'）；
var button2=document.getElementById（'myBtn1'）；
var showme=document.getElementById（'showme'）；
按钮1.addEventListener（“单击”，显示1）；
函数display1（）{//显示红色背景
按me.style.display='none'；
showme.style.display='block'；
button1.style.display='none'；
button2.style.display='block'；
}
按钮2.addEventListener（'mousedown'，事件=>{
超时=设置超时（（）=>{
pressme.style.display='block'；
showme.style.display='none'；
button2.style.display='none'；
button1.style.display='block'；
}, 3000 );
});
按钮2.addEventListener（'mouseup'，事件=>{
if（超时）cleartimout（超时）；
});

与WebRTC的实时通信
试试红色
试试绿色
您真正想做什么？从我们的问题中不清楚不要在事件侦听器函数中添加事件侦听器。1） 它们将在当前执行的侦听器中被忽略（侦听器列表是预先编译的，并且不会包括任何新添加的侦听器）；2） 添加相同侦听器的次数与添加侦听器的函数的执行次数相同。您实际想要做什么？从我们的问题中不清楚不要在事件侦听器函数中添加事件侦听器。1） 它们将在当前执行的侦听器中被忽略（侦听器列表是预先编译的，并且不会包括任何新添加的侦听器）；2） 添加相同侦听器的次数与添加侦听器的函数的执行次数相同。