Гость
Целевая тема:
Создать новую тему:
Автор:
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / проблема с IE / 10 сообщений из 10, страница 1 из 1
07.06.2012, 15:36:25
    #37829687
aav1984
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
проблема с IE
Добрый день!
Столкнулся вот с такой проблемой, которая появляется только в IE.
На странице есть такие элементы:
Код: html
1.
2.
3.
4.
5.
<div id="div1">
   <div>
      <img src="..."/>
   </div>
</div>



у div1 есть событие onmousemove, которое прекрасно работает до тех пор, пока курсор не попадает на картинку. Получается, что в IE img поверх div1. В остальных браузерах все отрабатывает нормально. Пробовал через z-index - не прокатило.
Как решить проблему с IE?
...
Рейтинг: 0 / 0
07.06.2012, 16:17:22
    #37829777
Програмёр
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
проблема с IE
aav1984,

attachEvent пробовали? (просто вообще не помню что бы такой глюк наблюдался... хотя с IE возможно всё :) )
...
Рейтинг: 0 / 0
07.06.2012, 16:55:08
    #37829860
Паганель
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
проблема с IE
Проверил (у меня IE9)

Никаких проблем с mousemove не наблюдается
вот:
http://jsfiddle.net/tY2R5/1/
...
Рейтинг: 0 / 0
07.06.2012, 17:56:10
    #37830009
aav1984
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
проблема с IE
Паганель,
странно, на домашнем компе все отрабатывает. Завтра посмотрю, что не так на работе с ИЕ. Спасибо!
...
Рейтинг: 0 / 0
08.06.2012, 08:31:31
    #37830420
aav1984
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
проблема с IE
c mousemove разобрался, но проблема еще и с mouseup. Изначально разметку немного неправильно описал.
вот нормальный вариант:

Код: html
1.
2.
3.
4.
5.
6.
7.
8.
<div id="div1" onmouseup="alert('qqq');" style="z-index:999;width: 100%; height: 100%; position: absolute">    
    <div style="width: 100%; height: 100%; position: absolute">        
        <img src="http://tuxpaint.org/stamps/stamps/animals/birds/cartoon/tux.png"/>
    </div>
    <div style="width: 100%; height: 100%; position: absolute">

    </div>    
</div>



изначально задача состоит в том, чтобы можно было перемещать все элементы в div1 (функция Pan). Я подписываюсь на события mousedown, mousemove, mouseup. Когда mousedown происходит за пределом картинок проблем нет, но стоит этому событию произойти в пределах любой картинки как начинаются проблемы - не срабатывает mouseup. По ходу ИЕ думает, что я хочу перетащить картинку. Не подскажите, как решить такую проблему
...
Рейтинг: 0 / 0
08.06.2012, 10:01:28
    #37830527
Програмёр
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
проблема с IE
aav1984c mousemove разобрался, но проблема еще и с mouseup. Изначально разметку немного неправильно описал.
вот нормальный вариант:

Код: html
1.
2.
3.
4.
5.
6.
7.
8.
<div id="div1" onmouseup="alert('qqq');" style="z-index:999;width: 100%; height: 100%; position: absolute">    
    <div style="width: 100%; height: 100%; position: absolute">        
        <img src="http://tuxpaint.org/stamps/stamps/animals/birds/cartoon/tux.png"/>
    </div>
    <div style="width: 100%; height: 100%; position: absolute">

    </div>    
</div>



изначально задача состоит в том, чтобы можно было перемещать все элементы в div1 (функция Pan). Я подписываюсь на события mousedown, mousemove, mouseup. Когда mousedown происходит за пределом картинок проблем нет, но стоит этому событию произойти в пределах любой картинки как начинаются проблемы - не срабатывает mouseup. По ходу ИЕ думает, что я хочу перетащить картинку. Не подскажите, как решить такую проблему

попробуй event.preventDefault() для нормальных браузеров и event.returnValue=false для IE. Должно помочь (хотя не факт :) )
...
Рейтинг: 0 / 0
08.06.2012, 10:07:19
    #37830542
Програмёр
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
проблема с IE
P.S. event.preventDefault() и event.returnValue=false надо написать в onmousedown, что бы они перекрыли стандартное поведение браузера при нажатии на картинке.
...
Рейтинг: 0 / 0
08.06.2012, 10:11:20
    #37830551
aav1984
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
проблема с IE
Програмёр, спасибо! Помогло.
...
Рейтинг: 0 / 0
17.08.2012, 20:48:06
    #37921373
Фиделис
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
проблема с IE
В ie8 не помогает, задача почти такая же, есть еще идеи?
...
Рейтинг: 0 / 0
18.08.2012, 00:16:43
    #37921479
asws
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
проблема с IE
ФиделисВ ie8 не помогает, задача почти такая же, есть еще идеи?
Возможно, помогут для дочерних элементов
для ИЕ : cancelBubble= [true | false]
для остальных: stopPropagation() при необходимости.
...
Рейтинг: 0 / 0
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / проблема с IE / 10 сообщений из 10, страница 1 из 1
Найденые пользователи ...
Разблокировать пользователей ...
Читали форум (0):
Пользователи онлайн (0):
x
x
Закрыть


Просмотр
0 / 0
Close
Debug Console [Select Text]