Làm cách nào để di chuột trên iPad?


13

Có cách nào để di chuột qua nội dung trong một trang web khi xem nó trong Safari trong iPad không? Cụ thể, tôi đã cố gắng di chuột qua các avatar riêng lẻ tại trang chủ của Cuộc thi iPad khác nhau . Trên máy Mac hoặc PC, nó hiển thị khi cá nhân hoàn thành cấp độ khi di chuột, nhưng tôi không thể thấy điều đó trong iPad.

Câu trả lời:


10

Nếu chỉ có chủ yoda có tài khoản ở đây, anh ta có thể nói "chạm hoặc chạm không, chỉ jedi mới có thể di chuột" vì các chi tiết triển khai nhanh chóng đi sâu vào nơi công nghệ web đáp ứng thiết kế tương tác của con người.

nhập mô tả hình ảnh ở đây

Đi xuống lỗ thỏ đó một chút, anh ta cũng có thể chỉ ra rằng các nhà phát triển web giỏi biết về lớp TouchEvent trong Safari có thể nhận ra một sự kiện cảm ứng đa điểm chạm từ một tương tác touchend / touchcattery / touchmove và có thể được sử dụng để cung cấp phản hồi bổ sung dựa trên ý tưởng chạm vào mục tiêu sẽ có tác động rõ ràng đến nội dung của trang web.

Đó là nói chung thiết kế xấu để mong đợi cảm ứng để phản ánh một mô hình trung tâm chuột , nhưng điều đó không có nghĩa là thiết kế trang web cụ thể của điều này là sai. Chỉ cần suy nghĩ kỹ trước khi cho rằng có một cách đơn giản để thiết kế cảm ứng hơn là phụ thuộc vào các sự kiện di chuột mô phỏng.


3
Dòng thực tế là "Làm hoặc không. Không có thử", do đó, dòng của bạn phải là "Nhấn hoặc nhấn không. Không có di chuột."
vui lòng xóa tôi

Nhưng có, bởi vì đó là những gì Luke làm với cánh x bị rơi của mình trong đầm lầy;)
nhét vào

1
Nỗ lực đầu tiên của tôi để nói về yoda đầy thất bại - xem lịch sử chỉnh sửa ... Có lẽ tôi cần một hình ảnh của yoda để đánh lạc hướng mọi người khỏi điều đó ...
bmike

Bạn có nghĩa là, trong đoạn thứ hai của bạn, rằng touchstartsự kiện có thể được sử dụng như là một thay thế cho di chuột? Điều đó có cần phải được thực hiện trong JavaScript không? Cảm ơn!
Hippo

Tôi không hiểu câu trả lời này. Ngoài ra, câu hỏi là về cách sử dụng Safari trên iPad và câu trả lời dường như đưa ra lời khuyên về thiết kế trang web.
Kai Carver

6

Một cú chạm rất ngắn vào hình ảnh có liên kết với thuộc a:hovertính sẽ kích hoạt a:hovertrải nghiệm đó . Một vòi dài hơn theo <a>liên kết. Thật không may, hành vi này không được nhìn thấy với <acronym>thẻ, trong trình duyệt máy tính để bàn hoạt động tương tự :hover. Dưới đây là một ví dụ kém hoàn hảo, được thử nghiệm trên iPhone.


4

Không, không có cách nào để làm điều đó trên một thiết bị cảm ứng. Không có cách nào để iPad của bạn phát hiện ngón tay của bạn đang lơ lửng trên màn hình của nó :) (Mặc dù về mặt kỹ thuật điều này là hoàn toàn có thể, và về mặt lý thuyết nó có thể được thêm vào một mẫu iPad trong tương lai.)

Bạn có thể sử dụng JavaScript để hiển thị các titlegiá trị thuộc tính của các liên kết hình ảnh trên http://thenewipadishere.com/ mặc dù:

[].forEach.call(document.images, function(element) {
  var span = document.createElement('span');
  span.innerText = element.title;
  element.parentNode.insertBefore(span, element);
});

Ở dạng bookmarklet:

javascript:[].forEach.call(document.images,function(b){var a=document.createElement("span");a.innerText=b.title;b.parentNode.insertBefore(a,b)});

Sao chép và dán nó và thêm nó dưới dạng dấu trang trên thiết bị iOS bạn chọn. Sau đó, truy cập http://thenewipadishere.com/ và chọn dấu trang.


Tôi không thể tạo một dấu trang trong số đó, vì có vẻ như tôi chỉ có thể tạo dấu trang của các trang đang mở. Nhưng dán mẫu thứ hai vào thanh địa chỉ hoạt động và hiển thị các thuộc tính tiêu đề!
Hippo

Tôi đoán kịch bản này không cụ thể cho trang cuộc thi, phải không?
Hippo

1
@Hippo Chuyển đến bất kỳ trang nào và thêm nó dưới dạng dấu trang. Sau đó, quay lại và chỉnh sửa dấu trang - bạn sẽ có thể chỉnh sửa URL ngay bây giờ. Tôi chỉ viết kịch bản này cho trang cuộc thi, nhưng nó sẽ hoạt động trên bất kỳ trang nào sử dụng hình ảnh có titlethuộc tính.
Mathias Bynens

À, tôi thấy nó bây giờ ... các dấu trang mặc định không có tùy chọn chỉnh sửa URL, vì vậy điều đó làm tôi bối rối.
Hippo

1

Hãy dùng thử trình duyệt web Puffin cho iPad. Con trỏ trong chế độ trackpad có thể di chuột. Ngoài ra, bạn có thể xem video flash, và nó chậm, nhưng ít nhất là có thể.

Khi sử dụng trang web của chúng tôi, bạn xác nhận rằng bạn đã đọc và hiểu Chính sách cookieChính sách bảo mật của chúng tôi.
Licensed under cc by-sa 3.0 with attribution required.