Javascript：不同的响应；点击"；及；输入key"；

我做过一个网站，用户在填写文本框后需要点击一个按钮。当他按下按钮时，图像会发生变化（就像一个slideshow on命令）。我的问题是，当你触摸“回车”而不是用鼠标点击时，它不会产生淡入淡出的效果

网站是这样的，因此您可以尝试：

我该怎么办

该网站的目的是将写在文本框中的答案存储在javascript数组中，以便在幻灯片放映（10张幻灯片）结束时显示

以下是按钮和幻灯片的代码：

    <script type="text/javascript">
        //Dichiaro Array Globale
        var risposte = new Array();
        var count = 0;
        $('.risultati').css({opacity: 0.0});

        //Salvo risposta, svuoto text, proseguo con le slide
        function conferma(frm) {
            if (frm.nome.value == "") alert("Non hai scritto nulla!");
            else {
                risposte[count] = frm.nome.value;
                count = count + 1;
                frm.nome.value = "";
                prossima();
            }
        }

        //Nuova slide sempre verso dx
        function prossima(frm) {
            var $active = $('#slideshow img.active');

            if (!$active.next('img').length) {
                risultati();
            } else {
                var $next = $active.next(); 

                $next.css({opacity: 0.0})
                    .addClass('active')
                    .animate({opacity: 1.0}, 1000, function() {
                        $active.removeClass('active');
                    });
            }

        }

        //Tolgo slide e mostro risultati
        function risultati() {
            $('#slideshow').animate({opacity: 0.0}, 1000);
            $('#compila').animate({opacity: 0.0}, 1000);
            $('#risultati').animate({opacity: 1.0}, 1000, function() {
                $('#risultati').addClass('visibile');
            });

            $('#1').append(risposte[0] + "<br/>Risposa corretta: " + "<?php echo $soluzioni[0]; ?>");
            $('#2').append(risposte[1]+ "<br/>Risposa corretta: " + "<?php echo $soluzioni[1]; ?>");
            $('#3').append(risposte[2]+ "<br/>Risposa corretta: " + "<?php echo $soluzioni[2]; ?>");
            $('#4').append(risposte[3]+ "<br/>Risposa corretta: " + "<?php echo $soluzioni[3]; ?>");
            $('#5').append(risposte[4]+ "<br/>Risposa corretta: " + "<?php echo $soluzioni[4]; ?>");
            $('#6').append(risposte[5]+ "<br/>Risposa corretta: " + "<?php echo $soluzioni[5]; ?>");
            $('#7').append(risposte[6]+ "<br/>Risposa corretta: " + "<?php echo $soluzioni[6]; ?>");
            $('#8').append(risposte[7]+ "<br/>Risposa corretta: " + "<?php echo $soluzioni[7]; ?>");
            $('#9').append(risposte[8]+ "<br/>Risposa corretta: " + "<?php echo $soluzioni[8]; ?>");
            $('#10').append(risposte[9]+ "<br/>Risposa corretta: " + "<?php echo $soluzioni[9]; ?>");
        }

    </script>

//Dichiaro数组Globale
var risposte=新数组（）；
var计数=0；
$（'.risultati'）.css（{opacity:0.0}）；
//Salvo Rispesta、svuoto文本、proseguo con le幻灯片
功能协商（frm）{
如果（frm.nome.value==“”）警报（“非空警报”）；
否则{
risposte[计数]=frm.nome.value；
计数=计数+1；
frm.nome.value=“”；
prossima（）；
}
}
//Nuova幻灯片sempre verso dx
函数prossima（frm）{
var$active=$（“#slideshow img.active”）；
if（！$active.next（'img'）。长度）{
利苏尔蒂（）；
}否则{
var$next=$active.next（）；
$next.css（{opacity:0.0}）
.addClass（“活动”）
.animate（{opacity:1.0}，1000，function（））{
$active.removeClass（'active'）；
});
}
}
//托尔戈幻灯片
函数risultati（）{
$（#slideshow'）。设置动画（{opacity:0.0}，1000）；
$（#compilea'）。设置动画（{opacity:0.0}，1000）；
$（'#risultati'）。动画（{opacity:1.0}，1000，function（）{
$（'#risultati'）.addClass（'visibile'）；
});
$（'#1'）.append（risposte[0]+”
Risposa corretta:“+”）；
$（'#2'）.append（risposte[1]+”
Risposa corretta:“+”）；
$（'#3'）.append（risposte[2]+”
Risposa corretta:“+”）；
$（'#4'）.append（risposte[3]+”
Risposa corretta:“+”）；
$（'#5'）.append（risposte[4]+”
Risposa corretta:“+”）；
$（'#6'）.append（risposte[5]+”
Risposa corretta:“+”）；
$（'#7'）.append（risposte[6]+”
Risposa corretta:“+”）；
$（'#8'）.append（risposte[7]+”
Risposa corretta:“+”）；
$（'#9'）.append（risposte[8]+”
Risposa corretta:“+”）；
$（'#10'）.append（risposte[9]+”
Risposa corretta:“+”）；
}

这是带有按钮的表单：

        <form id="compila">
                <input id="enterTxt" class="okText" type="text" name="nome" />
                <input id="enterButt" class="okIcon" type="Button" value="ok" onClick="conferma(this.form)">
            </form>

---

非常感谢。

将函数绑定到表单。提交（）而不是按钮。单击您必须在发送表单的函数中的事件上使用

.preventDefault（）

或者只使用：

$("#compila").submit(function() {
    conferma(this);
    return false;
});

---

我的答案使用JQuery。

欢迎您。您还可以将

jquery

标记添加到您的问题中，因为您可以使用它来回答问题。