Задать вопрос
@evgek
_global

Как правильно моделировать нажатие кнопки Enter на JS?

есть страница с товаром , прикрутил в количество товара кнопки + и -
но срабатывают они только на число в ячейке, общая сумма покупки не бьется
но если нажать Enter то общий прайс бьется.

вопрос как смоделировать нажатие Enter для инпута при каждом нажатии на + и -.

страница с товаром - dveriplus-tuapse.ru/stenovye-i-napolnye-pokrytiya/...

срипт на + и -

<script type="text/javascript"><!--
$(document).on('click', '.number-spinner button', function () {    
	var btn = $(this),
		oldValue = btn.closest('.number-spinner').find('input').val().trim(),
		newVal = 1;
			
	if (btn.attr('data-dir') == 'up') {
		newVal = parseInt(oldValue) + 1;
	} else {
		if (oldValue > 1) {
			newVal = parseInt(oldValue) - 1;
		} else {
			newVal = 1;
		}
	}
	btn.closest('.number-spinner').find('input').val(newVal);
});
//--></script>


блок с + и -

<div class="input-group number-spinner">
			      <span class="input-group-btn">
					<button class="btn btn-default" data-dir="dwn"><i class="fa fa-minus"></i></button>
			      </span>
				  
				  
				 <input name="gp_data[child][<?php echo $child_id; ?>]" type="text" value="0" class="form-control" />
				
				  <span class="input-group-btn">
					<button class="btn btn-default" data-dir="up"><i class="fa fa-plus"></i></button>
				  </span>
			    </div>


скрипт тотал прайс "на всякий случай"
<script type="text/javascript"><!--
$('label[for="input-quantity"], #input-quantity').remove();

updateGPTotal();
$('#gp-table input[type=\'text\']').on('keyup', function() {
	updateGPTotal();
});
$('#gp-table input[type=\'radio\'], #gp-table input[type=\'checkbox\'], #gp-table select').on('change', function() {
	updateGPTotal();
});
function updateGPTotal() {
	$.ajax({
		url: 'index.php?route=product/product/updateGpBundleTotal&product_id=<?php echo $product_id; ?>',
		type: 'post',
		dataType: 'json',
		data: $('#gp-table input[type=\'text\'], #gp-table input[type=\'hidden\'], #gp-table input[type=\'radio\']:checked, #gp-table input[type=\'checkbox\']:checked, #gp-table select'),
		beforeSend: function() {
			$('#gp-total-price').prepend('<i class="fa fa-circle-o-notch fa-spin" style="position:absolute;"></i>');
			$('#gp-total-price, #gp-total-tax').css({'opacity': 0.3});
		},
		complete: function() {
			$('#gp-total-price, #gp-total-tax').css({'opacity': 1.0});
		},
		success: function(json) {
			totalPrice = '<div class="gp-total-price"><?php echo $text_gp_total; ?> <span>' + json['total_price'] + '</span></div>';

			if (json['total_tax']) {
				totalPrice += '<div class="gp-total-tax"><?php echo $text_tax; ?> <span>' + json['total_tax'] + '</span></div>';
			}

			// table > tfoot
			$('#gp-total-price').html(totalPrice);
			$('#gp-total-qty').html('<div class="gp-total-qty"> <span>' + json['total_qty'] + '</span></div>');

			// Add another div
			$('#gp-total').remove();
			$('#button-cart').parent().before('<div id="gp-total" class="form-group">' + totalPrice + '</div>');
		}
	});
}

function fsDropdown(elm, sel) {
	$('#' + sel).html(elm.html());
}

<?php if ($thumb) { ?>
imageSwap = [];
<?php foreach ($childs as $child) { ?>
imageSwap[<?php echo $child['child_id']; ?>] = "<?php echo $child['image']['swap']; ?>";
<?php } ?>
$('#gp-table tbody tr').on({
	mouseover: function() {
		$('img[src="<?php echo $thumb; ?>"]').attr({'data-gp-parent': '1', 'src': imageSwap[$(this).attr('data-gp-child-row')]});
	},
	mouseout: function() {
		$('img[data-gp-parent="1"]').attr('src', '<?php echo $thumb; ?>');
	}
});
<?php } ?>

$(document).ready(function() {
	$('.gp-col-image').magnificPopup({
		type:'image',
		delegate: 'a',
		gallery: {
			enabled:true
		}
	});

	$('#gp-toggle-info').prepend('<i id="gp-toggle-info-icon" class="fa fa-list"></i> ').css('cursor', 'pointer').on('click', function() {
		$thisIcon = $('#gp-toggle-info-icon');
		if ($thisIcon.hasClass('fa-list')) {
			$thisIcon.removeClass('fa-list').addClass('fa-list-alt');
		} else {
			$thisIcon.removeClass('fa-list-alt').addClass('fa-list');
		}

		$('.gp-toggle-info').slideToggle('slow');
	});

	//$('#gp-toggle-info').click(); //This line collapse infos on load. Comment if unwanted.
});
//--></script>


прошу помощи у знающих людей.
  • Вопрос задан
  • 152 просмотра
Подписаться 1 Простой Комментировать
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы
07 февр. 2025, в 07:05
100000 руб./за проект
07 февр. 2025, в 03:38
500 руб./за проект
07 февр. 2025, в 02:40
30000 руб./за проект