1 Востаннє редагувалося Bygryn (05.07.2015 20:19:03)

Тема: Як повторити подію при повторному натисканні на ліву кнопку миші?

Доброго дня. Ось фрагмент коду:

<style type="text/css">
#car{
            position: absolute;
            top: 400px;
            left: 900px;
            margin: -125px 0 0 -125px;
        }
</style>
<div>
<img id="car" src="car.png">
</div>
<script type="text/javascript">
                document.getElementById('right').onclick=function() {
        document.getElementById('car').style.transform="rotate(90deg)";
        document.getElementById('car').style.left="1000px";
}
</script>

Потрібно, щоб при повторному натисканні клавіші миші(onclick), getElementById('car') посувався на певну к-ксь px вправо. Дякую за увагу.

2

Re: Як повторити подію при повторному натисканні на ліву кнопку миші?

Додай лічильник, який рахуватиме натискання.

Подякували: Bygryn1

3

Re: Як повторити подію при повторному натисканні на ліву кнопку миші?

Sensetivity написав:

Додай лічильник, який рахуватиме натискання.

А де саме в скрипті розмістити лічильник?

4

Re: Як повторити подію при повторному натисканні на ліву кнопку миші?

Bygryn написав:

Доброго дня. Ось фрагмент коду:

Потрібно, щоб при повторному натисканні клавіші миші(onclick), getElementById('car') посувався на певну к-ксь px вправо. Дякую за увагу.

колись бавився JQuery приклади
в самому низу мячик рухається вліво вверх вниз вбік, можливо тобі щось схоже потрібно

Подякували: Bygryn1

5

Re: Як повторити подію при повторному натисканні на ліву кнопку миші?

Анатолій написав:
Bygryn написав:

Доброго дня. Ось фрагмент коду:

Потрібно, щоб при повторному натисканні клавіші миші(onclick), getElementById('car') посувався на певну к-ксь px вправо. Дякую за увагу.

колись бавився JQuery приклади
в самому низу мячик рухається вліво вверх вниз вбік, можливо тобі щось схоже потрібно

Дуже дякую!

6

Re: Як повторити подію при повторному натисканні на ліву кнопку миші?

Може вам потрібне подвійне натискання миші? Якщо так, то є подія ondblclick

7

Re: Як повторити подію при повторному натисканні на ліву кнопку миші?

я так зробив би :

Прихований текст
<style type="text/css">
    #car{
        position: absolute;
        top: 400px;
        left: 900px;
        margin: -125px 0 0 -125px;
    }
    </style>
    <div>
    <img id="car" src="car.png">
    </div>
    <script type="text/javascript">
    var cld=0;
    var car=document.getElementById('car');
    document.getElementById('right').onclick=(function(){
    if(cld==0){
    car.style.transform="rotate(90deg)";
    car.style.left="1000px";
    cld++;
    }else{
    var newpx=car.style.left.substr(0,car.style.left.length-2)+15;
    car.style.left=newpx+"px";
    cld++;
    }
    })(cld,car);
    </script>
Подякували: Monolith1