Реших, че си струва да споменем, че можете да направите това с чист CSS. Вероятно не е страхотна идея, защото нито IE10, нито Opera Mobile я поддържат. Но може да се направи и в бъдеще това вероятно ще бъде по-добър начин, отколкото с JavaScript. Или ако говорите само за iPhone и iPad, този метод ще работи много добре. Ето пример на CodePen.
Кодът е прост:
.notouch {
pointer-events: none;
}
Просто дайте клас notouch
на всяко изображение, което искате да въздействате.
Ако искате да го направите за всяко изображение на страницата, направете следното:
img {
pointer-events: none;
}
И трябва да произнеса задължителна реч за използваемостта. Правейки това, вие отменяте функционалността по подразбиране, която хората очакват да бъде там през цялото време. За вас е наистина лошо изживяване да изключите нещо подобно, освен ако нямате наистина, наистина добра причина да го направите. Така че, моля, уверете се, че го правите.
Редактиране:
За да се отървете от лупата, използвайте този код:
.notouch {
pointer-events: none;
-webkit-user-select:none;
}
С -webkit-user-select
, зададено на „няма“, може дори да не се налага да изключвате събитията с указател, но не съм сигурен в това. Актуализирах и CodePen.
20.12.2012