Menu
You can find Google Calendar events on your Apple calendar on your Mac, iPhone, or iPad. Find Google Calendar events on Apple calendars. You can sync Google Calendar with the Calendar app that comes on your iPhone or iPad. On your iPhone or iPad, open your device settings. Scroll and tap Passwords & Accounts. Tap Add account Google. Next, on your Mac, open the System Preferences and then “iCloud”. Same as on your iOS device, go through the various settings and make sure Calendars has a check next to it. That then is how you add, share, and sync calendars on your Mac and iOS devices. You may accidentally found that your calendar events disappeared from your iPhone, it could be past events, future events, or even all the calendar events on your iPhone. Various different reasons can cause iPhone calendar missing accidentally, when this disaster happens to you, don’t panic, calm down and try the tips below.
This chapter describes the events that occur when the user interacts with a webpage on iOS. Forms and documents generate the typical events in iOS that you might expect on the desktop. Gestures handled by Safari on iOS emulate mouse events. In addition, you can register for iOS-specific multi-touch and gesture events directly. Orientation events are another example of an iOS-specific event. Also, be aware that there are some unsupported events such as cut, copy, and paste.
Gestures that the user makes—for example, a double tap to zoom and a flick to pan—emulate mouse events. However, the flow of events generated by one-finger and two-finger gestures are conditional depending on whether or not the selected element is clickable or scrollable as described in One-Finger Events and Two-Finger Events.
In addition, you can turn off the default Safari on iOS behavior as described in Preventing Default Behavior and handle your own multi-touch and gesture events directly. Handling multi-touch and gesture events directly gives developers the ability to implement unique touch-screen interfaces similar to native applications. Read Handling Multi-Touch Events and Handling Gesture Events to learn more about DOM touch events.
If you want to change the layout of your webpage depending on the orientation of iOS, read Handling Orientation Events.
See Supported Events for a complete list of events supported in iOS.
On iOS, emulated mouse events are sent so quickly that the down or active pseudo state of buttons may never occur. Read Highlighting Elements for how to customize a button to behave similar to the desktop.
![]()
It’s very common to combine DOM touch events with CSS visual effects. Read Safari CSS Visual Effects Guide to learn more about CSS visual effects.
One-Finger Events
This section uses flow charts to break down gestures into the individual actions that might generate events. Some of the events generated on iOS are conditional—the events generated depend on what the user is tapping or touching and whether they are using one or two fingers. Some gestures don’t generate any events on iOS.
One-finger panning doesn’t generate any events until the user stops panning—an
onscroll event is generated when the page stops moving and redraws—as shown in Figure 6-1.
Displaying the information bubble doesn’t generate any events as shown in Figure 6-2. However, if the user touches and holds an image, the image save sheet appears instead of an information bubble.
iOS Note: The image save sheet appears on iOS 2.0 and later.
Finally, a double tap doesn’t generate any events either as shown in Figure 6-3.
Mouse events are delivered in the same order you'd expect in other web browsers illustrated in Figure 6-4. If the user taps a nonclickable element, no events are generated. If the user taps a clickable element, events arrive in this order:
mouseover , mousemove , mousedown , mouseup , and click . The mouseout event occurs only if the user taps on another clickable item. Also, if the contents of the page changes on the mousemove event, no subsequent events in the sequence are sent. This behavior allows the user to tap in the new content.
Two-Finger Events
The pinch open gesture does not generate any mouse events as shown in Figure 6-5.
Figure 6-6 illustrates the mouse events generated by using two fingers to pan a scrollable element. The flow of events is as follows:
Form and Document Events
Typical events generated by forms and documents include
blur , focus , load , unload , reset , submit , change and abort . See Supported Events for a complete list of supported events on iOS.
Handling Multi-Touch Events
You can use JavaScript DOM touch event classes available on iOS to handle multi-touch and gesture events in a way similar to the way they are handled in native iOS applications.
If you register for multi-touch events, the system continually sends
TouchEvent objects to those DOM elements as fingers touch and move across a surface. These are sent in addition to the emulated mouse events unless you prevent this default behavior as described in Preventing Default Behavior. A touch event provides a snapshot of all touches during a multi-touch sequence, most importantly the touches that are new or have changed for a particular target. The different types of multi-touch events are described in Touch Class Reference.
A multi-touch sequence begins when a finger first touches the surface. Other fingers may subsequently touch the surface, and all fingers may move across the surface. The sequence ends when the last of these fingers is lifted from the surface. An application receives touch event objects during each phase of any touch.
Touch events are similar to mouse events except that you can have simultaneous touches on the screen at different locations. A touch event object is used to encapsulate all the touches that are currently on the screen. Each finger is represented by a touch object. The typical properties that you find in a mouse event are in the touch object, not the touch event object.
Ios Apps On Mac
Note that a sequence of touch events is delivered to the element that received the original
touchstart event regardless of the current location of the touches.
Follow these steps to use multi-touch events in your web application.
You can also combine multi-touch events with CSS visual effects to enable dragging or some other user action. To enable dragging, implement the
touchmove event handler to translate the target:
Typically, you implement multi-touch event handlers to track one or two touches. But you can also use multi-touch event handlers to identify custom gestures. That is, custom gestures that are not already identified for you by gesture events described in Handling Gesture Events. For example, you can identify a two-finger tap gesture as follows:
Similarly, you can identify a swipe gesture as follows:
Handling Gesture Events
Multi-touch events can be combined together to form high-level gesture events.
GestureEvent objects are also sent during a multi-touch sequence. Gesture events contain scaling and rotation information allowing gestures to be combined, if supported by the platform. If not supported, one gesture ends before another starts. Listen for GestureEvent objects if you want to respond to gestures only, not process the low-level TouchEvent objects. The different types of gesture events are described in GestureEvent in WebKit JS Framework Reference.
Follow these steps to use gesture events in your web application.
You can combine gesture events with CSS visual effects to enable scaling, rotating, or some other custom user action. For example, implement the
gesturechange event handler to scale and rotate the target as follows:
Preventing Default Behavior
iOS Note: The
preventDefault method applies to multi-touch and gesture input in iOS 2.0 and later.
The default behavior of Safari on iOS can interfere with your application’s custom multi-touch and gesture input. You can disable the default browser behavior by sending the
preventDefault message to the event object.
For example, to prevent scrolling on an element in iOS 2.0, implement the
touchmove and touchstart event handlers as follows :
To disable pinch open and pinch close gestures in iOS 2.0, implement the
gesturestart and gesturechange event handlers as follows:
Important: The default browser behavior may change in future releases.
Handling Orientation Events
An event is sent when the user changes the orientation of iOS. By handling this event in your web content, you can determine the current orientation of the device and make layout changes accordingly. For example, display a simple textual list in portrait orientation and add a column of icons in landscape orientation.
![]()
Similar to a
resize event, a handler can be added to the <body> element in HTML as follows:
where
updateOrientation is a handler that you implement in JavaScript.
How To See Ios App Events On Macbook
In addition, the
window object has an orientation property set to either 0 , -90 , 90 , or 180 . For example, if the user starts with the iPhone in portrait orientation and then changes to landscape orientation by turning the iPhone to the right, the window’s orientation property is set to -90 . If the user instead changes to landscape by turning the iPhone to the left, the window’s orientation property is set to 90 .
Listing 6-1 adds an orientation handler to the body element and implements the
updateOrientation JavaScript method to display the current orientation on the screen. Specifically, when an orientationchange event occurs, the updateOrientation method is invoked, which changes the string displayed by the division element in the body.
Listing 6-1 Displaying the orientation
Supported Events
Be aware of all the events that iOS supports and under what conditions they are generated. Table 6-1 specifies which events are generated by Safari on iOS and which are generated conditionally depending on the type of element selected. This table also lists unsupported events.
iOS Note: Although drag and drop are not supported, you can produce the same effect using touch events as described in Adding Interactive Control to Visual Effects.
The
load and unload events may not work as expected for back and forward optimization. Use the pageshow and pagehide events instead.
Running Ios App On MacHow To See Ios App Events On Mac Catalina
Copyright © 2016 Apple Inc. All Rights Reserved. Terms of Use | Privacy Policy | Updated: 2016-12-12
Comments are closed.
|
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |