vape_shop/public/assets/index/js/productDetails.js

$(document).ready(function () {
    //触屏事件 || 点击事件
    const tap = "ontouchstart" in window ? "touchstart" : "click";
    //缩略图长度
    let slideCount = 0
    const visibleSlides = 4;
    let currentSlide = 0;
    let isSlidedOut = false;

    //其他详情图是否超出4张
    const initThumbnail = () => {
        setTimeout(() => {
            slideCount = $('.prImgList .prImgItem').length;
            if (slideCount > visibleSlides) {
                $('.prevArrow').show(0)
                $('.nextArrow').show(0)
            }
        }, 0)
    }

    initThumbnail()


    //商品其他详情图滑动
    function updateSlider() {
        var slideWidth = $('.prImgItem').outerWidth(true);
        var slideOffset = currentSlide * slideWidth;
        $('.prImgList').css('transform', 'translateX(' + - slideOffset + 'px)');
    }


    //上一张
    $(".prevArrow").on(tap, function () {
        if (currentSlide > 0) {
            currentSlide--;
            updateSlider();
        }
    });

    //下一张
    $(".nextArrow").on(tap, function () {
        if (currentSlide < slideCount - visibleSlides) {
            currentSlide++;
            updateSlider();
        }
    });



    //监听页面滚动
    $(window).scroll(function () {
        //页面滚动高度
        let windowTop = $(window).scrollTop();
        if (windowTop > 100 && !isSlidedOut) {
            $('.fixedAddSection').slideDown();
            isSlidedOut = true;
        } else if (windowTop <= 100 && isSlidedOut) {
            $('.fixedAddSection').slideUp();
            isSlidedOut = false;
        }
    });


    //商品其他详情图点击
    $(".prImgItem").on(tap, function () {
        const src = $(this).find("img").attr('src')
        if (src && src != "") {
            $('.prViewImg').attr('src', src);
        }
    });

    // 限制商品数量只能输入数字
    const nonNumeric = (event) => {
        // 获取按下的键的键码
        var keyCode = event.which || event.keyCode;

        // 允许使用的特殊键的键码（例如：Backspace、Delete、方向键等）
        var allowedSpecialKeys = [8, 9, 37, 39, 46];

        // 允许使用的数字键的键码（0-9）
        var allowedNumericKeys = [48, 49, 50, 51, 52, 53, 54, 55, 56, 57];

        // 检查是否按下了允许使用的特殊键
        if ($.inArray(keyCode, allowedSpecialKeys) !== -1) {
            return;
        }

        // 检查是否按下了允许使用的数字键
        if ($.inArray(keyCode, allowedNumericKeys) === -1) {
            event.preventDefault();
        }
    }


    $('#numberInput').keydown(nonNumeric);
    $('#fPrNumberInput').keydown(nonNumeric);
});