معرفة اي button تم الضغط عليها و كم مرة كانت مضغوطة جافا سكريبت

  • amin0u

السلام عليكم 

كما هو موضح لدي كود جافا سكريبت و لم يعمل معي 

لا أعلم أين هو المشكل كوني جديد على لغة الجافا سكريبت و الويب

الكود :

https://jsfiddle.net/pomxL0sw

الفكرة هي أنه عند الضغط على button يتم التعرف على اي button تم الضغط و عدد المرات ( في زمن 500 ميلي ثانية )التي كانت فيه مضغوطة

هذا مجرد مثال لاني سأستعملها في تحديد الاتجاه اي أعلى أسفل يمين يسار و أرسال القيم كل 500 ميلي ثانية

يرجى الدخول لحسابك أو تسجيل حساب لتستطيع إضافة تعليق
حساب جديد دخول

التعليقات

أنت تستخدم مكتبة jQuery ولم تقم بإختيارها ليتم تفعيلها:

حتى مع استعمالها لا يعمل ؟ :/

ما هي المُشكلة تحديداً، الكود يعمل لدي، ما هو مُتصفح وإصداره؟

هذا تعديل على الكود:

نعم يعمل شكرا أخي الكريم

لا أعلم لماذا لا تعمل معي عند وضعها في الملف ؟

ملف html :

ملف css :

!!

  • هذا لأنك تستخد كود الـ JavaScript قبل هيكلة الـ HTML ضع الأكواد في نهاية الصفحة أو ضعها عند حدث تحميل الصفحة.

  • لتنفيذ الأكواد بعد إنتهاء تحميل الصفحة ضعها ضمن:

    $(function(){
    
        // ضع أكوادك هنا
    
    });
    

جربت و لم تعمل لا أعلم اين المشكل ممكن أرفاق الكود

لأني جربته عند تحميل الصفحة في أخر الصفحة في رأس الصفحة و لا نتيجة

ahmedsaoud31 أضف ردا
<!DOCTYPE html>
<html>
<head>
        <meta charset="utf-8" />
        <link rel="stylesheet" href="css/font-awesome.min.css">
        <link rel="stylesheet" href="style1.css">
        <script src="js/jquery-2.1.4.min.js" /></script>
</head>
<body>
<script>
$(function(){
    var intervalId;
    var clicked = 0;
    var buttonID = 0;
    $("button").mousedown(function() {
        buttonID = $(this).attr('id');
        $("#demo").html("button: "+buttonID+" clicked : "+clicked);
        intervalId = setInterval(dosom, 500);
    }).mouseup(function() {
        clicked = 0;
        clearInterval(intervalId);
    });
    function dosom() {
        clicked += 1;
        $("#demo").html("button: "+buttonID+" clicked : "+clicked);
    }
});
</script>
    <div class="cadre">
        <div class="guide1">
            <button id="btn1" class="fa fa-chevron-circle-left fa-4x tai1 btnd ">1</button>
            <button id="btn2" class="fa fa-chevron-circle-right fa-4x tai1 btng">2</button>
        </div>
        <div class="guide2">
            <button id="btn3" class="fa fa-chevron-circle-up fa-4x tai2 btnh">3</button>
            <br>
            <button id="btn4" class="fa fa-chevron-circle-down fa-4x tai2 btnb" >4</button>
        </div>
    </div>
    <p id="demo"> pp : </p>
</body>
</html>