Работа скрипта без нажатия кнопки. [Архив форума]

Просмотр полной версии : Работа скрипта без нажатия кнопки.

ArmaTiK

08.09.2014, 14:08

Всем привет!
Ребята подскажите как убрать из кода кнопку. То есть сделать так, что бы посетитель вводил в инпут свое значение и после клика по пустой области значение пересчитывалось.
Спасибо.

<form name="vvod">
<ul class="summa">
<li><p>a</p><input type="text" id="a" value="30"/></li>
<li><p>b</p><input type="text" id="b" value="50"/></li>
<p><input type="button" onclick="summa()" value="Сумма"/></p>
<p id="rez"></p>
</ul>
</form>

function summa() {

var a = $('#a').val();
var b = $('#b').val();
var rez = +a + +b;

document.getElementById('rez').innerHTML = rez;
};

ksa

08.09.2014, 14:18

сделать так, что бы посетитель вводил в инпут свое значение и после клика по пустой области значение пересчитывалось
Например есть событие onchange...

ksa

08.09.2014, 14:35

посетитель вводил в инпут свое значение и после клика по пустой области значение пересчитывалось
Как вариант...

<!DOCTYPE html>
<html>
<head>
<script src='http://code.jquery.com/jquery-latest.js'></script>

<style type='text/css'>
</style>
<script type='text/javascript'>
$(function (){
$('#a, #b').change(summa);
});
summa();
function summa() {
var a = $('#a').val();
var b = $('#b').val();
var rez = +a + +b;
$('#rez').text(rez);
};
</script>
</head>
<body>
<form name="vvod">
<ul class="summa">
<li><p>a</p><input type="text" id="a" value="30"/></li>
<li><p>b</p><input type="text" id="b" value="50"/></li>
<p id="rez"></p>
</ul>
</form>
</body>
</html>

BETEPAH

08.09.2014, 18:42

после клика по пустой области
это onblur.
Только зачем заставлять кликать по пустой области? Используйте oninput