رفتن به مطلب
SadraHkm

عبارت return در رویدادهای جاوااسپکریپت

پست های پیشنهاد شده

سلام دوستان امیدوارم حالتون خوب باشه

میخواستم بدونم در تکه کد زیر :

<body onload="startGame();" onkeydown="return handleKeys(event);">
  
  <script>
    
    ...
    
        if (youWin()) {
            alert("You Win !");
            location.reload();
        }
    }
  </script>

چرا در رویداد onkeydown از return استفاده شده؟ توی اینترنت جستجو کردم ولی درست نفهمیدم :) میشه لطفا راهنمایی کنید

با تشکر فراوان

به اشتراک گذاری این ارسال


لینک به ارسال

کد اسکریپتتونو کامل بزارین
اینجوری مشخص نیست تابع onkeydown  شما چی هست ایا return داخلش داره یا خیر

به اشتراک گذاری این ارسال


لینک به ارسال
در در 7/23/2019 at 09:51، Mobin گفته است :

کد اسکریپتتونو کامل بزارین
اینجوری مشخص نیست تابع onkeydown  شما چی هست ایا return داخلش داره یا خیر

<body onload="startGame()" onkeydown="return handleKey(event);">
<img src="img/mos.png" alt="" id="mosq">
<img src="img/spider.png" id="spider">
  
  <script>
    function startGame() {
        var mosq = document.getElementById('mosq');
        var spider = document.getElementById('spider');
        mosq.style.top = rand(0, window.innerHeight - 50) + "px";
        mosq.style.left = rand(0, window.innerWidth - 50) + "px";
        spider.style.top = rand(0, window.innerHeight - 50) + "px";
        spider.style.left = rand(0, window.innerWidth - 50) + "px";
    }

    function handleKey(e) {
        var code = e.keyCode;
        if (code == 38) {
            moveSpider('up');
        } else if (code == 39) {
            moveSpider('right');
        } else if (code == 40) {
            moveSpider('down');
        } else if (code == 37) {
            moveSpider('left');
        }

        if(youWin()){
            alert("You Win The Game ... !");
            location.reload();
        }
    }

    function moveSpider(str) {
        var spider = document.getElementById('spider');
        var num = 10;
        switch (str) {
            case 'up':
                spider.style.top = spider.offsetTop - num + "px";
                if(spider.offsetTop < 0){
                    spider.style.top = window.innerHeight + "px";
                }
                break;
            case 'right':
                spider.style.left = spider.offsetLeft + num + "px";
                if(spider.offsetLeft > innerWidth){
                    spider.style.left = '0px';
                }
                break;
            case 'left':
                spider.style.left = spider.offsetLeft - num + "px";
                if(spider.offsetLeft < 0){
                    spider.style.left = innerWidth + 'px';
                }
                break;
            case 'down':
                spider.style.top = spider.offsetTop + num + "px";
                if(spider.offsetTop > window.innerHeight){
                    spider.style.top = "0px";
                }
                break;
        }
    }

    function youWin(){
        var mosq = document.getElementById('mosq');
        var spider = document.getElementById('spider');
        if(Math.abs(spider.offsetTop - mosq.offsetTop) < 20 && Math.abs(spider.offsetLeft - mosq.offsetLeft) < 20){
            return true;
        }
        return false;
    }
</script>

 

به اشتراک گذاری این ارسال


لینک به ارسال

از return به این صورت تو کدها برای این منظور استفاده میشه که از ادامه اجرای این رویداد جلوگیری میکنیم
مثلا میخواهیم چک کنیم تا وقتی تو باکس inter زده نشد فرم پست بک نشه اگه مقدار return ما false باشه پست بکی انجام نمیشه اگه true باشه انجام میشه

شما کد زیر رو اجرا کنید بیشتر متوجه میشید

<form method="post" enctype="multipart/form-data">
<input type="submit" name="submit" value="submit" onclick="return confirm('آیا مایل به ارسال هستید؟')" />
</form>
<?php
var_dump($_POST);
die;
?>

 

به اشتراک گذاری این ارسال


لینک به ارسال

به گفتگو بپیوندید

هم اکنون می توانید مطلب خود را ارسال نمایید و بعداً ثبت نام کنید. اگر حساب کاربری دارید، برای ارسال با حساب کاربری خود اکنون وارد شوید .

مهمان
ارسال پاسخ به این موضوع ...

×   شما در حال چسباندن محتوایی با قالب بندی هستید.   حذف قالب بندی

  تنها استفاده از 75 اموجی مجاز می باشد.

×   لینک شما به صورت اتوماتیک جای گذاری شد.   نمایش به صورت لینک

×   محتوای قبلی شما بازگردانی شد.   پاک کردن محتوای ویرایشگر

×   شما مستقیما نمی توانید تصویر خود را قرار دهید. یا آن را اینجا بارگذاری کنید یا از یک URL قرار دهید.


  • مطالب مشابه

    • توسط jistili1
      سلام دوستان.من یک select box دارم و قرار بر اینه که به ازای هر مقدار select box یک div خاص نمایش داده بشه و بقیه div های مربوط به مقادیر دیگر select box مخفی بشن.
      این کد جی کوئری من هست:
      $("#select").change(function(){ if($(this).val()=="empty"){ $("#date").css("display","hidden"); $("#localref").css("display","hidden"); $("#refid").css("display","hidden"); $("#number").css("display","hidden"); $("#product").css("display","hidden"); $("#price").css("display","hidden"); } if($(this).val()=="localref"){ $("#date").css("display","hidden"); $("#localref").css("display","block"); $("#refid").css("display","hidden"); $("#number").css("display","hidden"); $("#product").css("display","hidden"); $("#price").css("display","hidden"); } if($(this).val()=="date"){ $("#date").css("display","block"); $("#localref").css("display","hidden"); $("#refid").css("display","hidden"); $("#number").css("display","hidden"); $("#product").css("display","hidden"); $("#price").css("display","hidden"); } if($(this).val()=="price"){ $("#date").css("display","hidden"); $("#localref").css("display","hidden"); $("#refid").css("display","hidden"); $("#number").css("display","hidden"); $("#product").css("display","hidden"); $("#price").css("display","block"); } if($(this).val()=="number"){ $("#date").css("display","hidden"); $("#localref").css("display","hidden"); $("#refid").css("display","hidden"); $("#number").css("display","block"); $("#product").css("display","hidden"); $("#price").css("display","hidden"); } if($(this).val()=="product"){ $("#date").css("display","hidden"); $("#localref").css("display","hidden"); $("#refid").css("display","hidden"); $("#number").css("display","hidden"); $("#product").css("display","block"); $("#price").css("display","hidden"); } if($(this).val()=="refid"){ $("#date").css("display","hidden"); $("#localref").css("display","hidden"); $("#refid").css("display","block"); $("#number").css("display","hidden"); $("#product").css("display","hidden"); $("#price").css("display","hidden"); } }); حالا مشکل من اینجاست که فرض کنید من از توی select box ، مقدار date رو انتخاب کردم.خب تا اینجا درست کار میکنه و div مربوط به date برای من نمایش داده میشه.حالا اگه روی مقدار empty کلیک کنم ، طبق کد باید تمامی div ها مخفی بشن ولی این اتفاق نمیفته.حالا من از select box مقدار date رو انتخاب کردم و div مربوط به date برام نمایش داده میشه اگه بعدش روی گزینه localref کلیک کنم ، div مربوط به localref نمایش داده میشه ولی div مربوط به date مخفی نمیشه.ممنون میشم کمکم کنید که بفهمم مشکل از کجاست.
    • توسط runy
      سلام
      رویدادی را می خوام که بتونه در تگ p که یه رشته طولانی از کلمات هست ، کلمه مورد نظری را پیدا کنه و به کلمه دیگیری تغییر بده .
      کسی میتونه کمکم کنه ؟
    • توسط حسین
      سلام.
      یه افزونه می خوام برای ثبت رویدادها.
      لطفا بهترینی که باهاش کار کردید رو معرفی کنید.
    • توسط shahabian
      سلام دوستان
      من بعد از ناامید شدن از تمام event calendar های موچود به دلیل عدم تطابقشون در نحوه وارد کردن event به تاریخ شمسی و نحوه نمایش event به صورت شمسی به یک راهکار جدید رسیدم که اگر اساتید سازنده افزونه های فارسی ساز ورد پرس راهنمایی کنن بنده رو تمام مشکلات من حل می شه و دیگه به نظرم نیازی به دانلود event calendar و event organiser ها نیست .
      چیزی که من نیاز دارم یک تقویم جدولی از نوع شمسی هست و یک قسمت در زیرش که نوشته رویدادهای پیش رو (مانند تمام event calendari ها ) و در قسمت تقویم جدولی شما با رفتن روی روزها می توانید رویداد ها و مدت زمان آن و نوع رویداد ( شاید شهر مربوطه ) رو مشاهده کنید به فرض.
      اگر فرض کنیم که می خواهیم event هایی در سایتمان به کتگوری هایی مانند تهران ، اصفهان ، شیراز و ... وارد کنیم که هر کدام به فرض 10 روز طول بکشند ، ما نیاز به این داریم که :
      1 - یک متن خاص 10 روز پشت سر هم در تقویم ماهیانه که سایدبار قرار می گیرد ، نشان داده شود . یعنی به جای اینکه پست مربوطه 1 تاریخ و ساعت داشته باشد ، 10 تاریخ را به خود اختصاص دهد . راه کار ساده تر این است که یک پست را به 10 تاریخ پشت سر هم پابلیش کنیم ، ولی متاسفانه در اجرا برای مثلا 20 اتفاق ده روزه شما باید 200 تا پست بسازید . اگر پلاگینی در این زمینه است که یک پست را در جدول تقویم برای چند روز پشت سر هم نشان دهد منت می گذارید معرفی نمایید.
      2 - باید تابعی در تقویم درج شود که فقط کتگوری های مربوط به تقویم نشان داده شود ، یا سایر کتگوری ها فیلتر شود . احتمالا چند خط برنامه نویسی نیاز است که دوستان استاد به راحتی می توانند توضیح دهند که کم سوادانی مثل من استفاده ببرند.
      3 - باید تابعی نوشته شود که پست های آینده به جای اینکه در صف پابلیش قرار بگیرند ، اگر در کتگوری مشخصی قرار داشتند در قسمت جدول تاریخ و ابزارک نوشته های داخل سایدبار زیر جدول به نمایش در آیند
      4 - باید تابعی باشد که وقتی به روز مشخصی رسیدیم دیگر پست مربوطه به نمایش در نیاید ، یعنی برای یک event ده روزه ، وقتی روز دهم تمام شد در تقویم جدولی همچنان باشد ، ولی در قسمت رویدادهای آینده که زیر جدول است دیگر نمایش داده نشود
      این موارد را بنده در تمام سایتها جستجو کرده ام ولی به جوابی نرسیده ام . اساتید محترم منت می گذارند و در صورت لزوم پاسخ می دهند
      با تشکر فراوان
    • توسط aghasizadeh
      سلام
      دنبال یک افزونه برای ثبت رویداد ها بر روی تقویم میگردم که البته وقتی با کلمه " Event Calendar" جستجو میکنی افزونه های زیادی میاره اما متاسفانه فقط از تقویم میلادی پشتیبانی میکنن.
      افزونه ای که من میخوام این طور که بشه برای رویدادهای مختلفی تعیین کنی با توضیحات و روی تقویم به صورت ماهانه نشون بده که قابلیت رفتن به ماهای دیگه رو هم داشته باشه
      ممنون میشم اگه راهنمایی کنید
×
×
  • اضافه کردن...