Javascript:;单击“;以及“;输入键“;
Javascript: Different response between "Click" and "Enter key"
我做了一个网站,用户在填写文本框后需要点击按钮。当他按下时,图像会发生变化(就像命令中的幻灯片一样)。我的问题是,当你触摸"回车"而不是用鼠标点击时,它不会产生渐变效果。
网站是这样的,所以你可以尝试:http://www.tuttoscorre.net/esame-storia-arte-moderna.php
我该怎么处理?
该网站的目的是将写在文本框中的答案存储在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>
这是带有按钮的表单:
<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。
将函数绑定到form.submit()而不是按钮。单击
相关文章:
- Javascript:;单击“;以及“;输入键“;
- 如何进行输入,以及何时按下提交按钮将其放入变量中
- JS/JQuery:动态添加"图案“;以及“;标题“;属性以形成输入
- 如何检查输入中的值以及值是否存在提交表单?jquery.
- JavaScript编码 - 多个输入和输出,以及查找输出
- 如何显示以前的用户输入以及新输入
- 使用 Enter 提交表单会在插入输入字段后中断 - 原因以及如何修复
- 我在表单页面上有一个弹出窗口以及一个隐藏元素,具体取决于用户输入.两者都使用 jquery
- 如何在JavaScript中输入日期和时间以及位置
- 为什么以及何时使用隐藏输入类型
- 替换不正确使用“;a“;以及“;一个“;在文本输入中
- 克隆选择以及其他输入标记
- 与数据库的连接以及与输入处理有关的离子问题
- 如何设置if条件,以便给出if输入,以及何时删除输入
- 具有用户添加的行的窗体,以及对每行的输入元素查找
- Regexp用于检查输入是否仅为整数(int),以及检查另一个输入是否仅为带有2位小数的数字
- 如何从DOM获得Html以及输入数据
- JQuery即时搜索:如何发出第二个post请求.以及如何利用输入键进行搜索
- 如何将变量文本添加到文本区域以及用户输入的文本
- 如何使用输入类型作为文件从浏览器上载图像到服务器以及使用javascript的json数据