Не переходит по ссылке при нажатии

@dvijok · Регистрация: 10.07.2012

Author24 — интернет-сервис помощи студентам

Всем привет! Я создаю сайт для мобильных ОС. Добавил блок, при нажатии пальцем на который изображение должно меняться, после того, как палец убрали, должен происходить переход по ссылке. Последнее не работает.

Собственно, есть код JS:

Javascript

window.addEventListener('DOMContentLoaded', function() {
                                    
                                    var block1 = document.getElementById('block1');
                                    
                                    block1.addEventListener('touchstart', function(event) {
                                                            event.preventDefault();
                                                            block1.className = 'touched';
                                                            }, false);
                                    
                                    
                                    block1.addEventListener('touchend', function(event) {
                                                            event.preventDefault();
                                                            block1.className = '';
                                                            }, false);
                                    
                                    function updateOrientation() {
                                    event.preventDefault();
                                    var orientation = window.orientation;  
                                    switch(orientation) {  
                                    case 90: case -90:  
                                    orientation = 'landscape';  
                                    break;  
                                    default:  
                                    orientation = 'portrait';  
                                    }
                                    var h1 = document.getElementById('h1');
                                    h1.innerHTML = 'Touch demo ' + orientation;
                                    }
                                    
                                    var body = document.getElementById('body');
                                    window.addEventListener('orientationchange', updateOrientation, false);
                                    
                                    }, false);

Код CSS:

CSS

#block1 {
    display: block;
    background: url(ссылка на картинку до касания);
    background-size: 160px 130px;
    width: 160px;
    height: 130px;
    color: #000000;
    position: relative;
    text-align: center;
}
 
#block1.touched {
    display: block;
    position: relative;
    background: url(ссылка на картинку, которая появится при касании);
    background-size: 160px 130px;
}

И сам HTML:

HTML5

1	<a href="ссылка"><div id="block1"></div></a>

Подскажите, пожалуйста, как исправить проблему.

@sMockingbird · 20.11.2013, 08:57

Javascript

1 2	block1.addEventListener('touchend', function(event) { event.preventDefault();

У Вас preventDefault не режет переход по ссылке?

	20.11.2013, 08:57