Now the smart phone is hot, we are all touch screen things, then we used to JS writing is unable to meet a number of requirements, I would like to introduce you to a few JS mobile phone touch Screen event usageHandling Touch events allows you to track the location of each finger of the user. You can bind the following
Determine the mobile or PC-sidefunction IsPC () { var useragentinfo = navigator.useragent; var Agents = new Array ("Android", "IPhone", "SymbianOS", "Windows Phone", "IPad", "IPod"); var flag = true; for (var v = 0, v $ (document). Bind (Touchevents.touchstart, function (event) { event.preventdefault (); }); $ (document). Bind (Touchevents.touchmove, function
Back up the original file 1. find "\ source \ class \ discuz \ discuz_application.php", replace mobiletplarray (1 mobile, 2 touch, 3wml, yesmobile ), change to mobiletplarray (1 mobile, 2 touch, 3wml, yes
Back up the original file before modification1. Find"
\ Source \ class \Discuz\Discuz_ Application. php",
'Letletpl
matter how many fingers are present2. mspointermove--is triggered continuously when the finger is sliding on the screen. Usually we slide the screen again, will call the CSS Html{-ms-touch-action:none;} You can prevent the default from happening: Prevent page scrolling3. mspointerup--triggers when the finger leaves the screenReference: Mobile-Touch Event http://
Mobile-Touch Events Ontouchstart, Ontouchmove, Ontouchend, OntouchcancelSOURCE Http://hi.baidu.com/study_sweet/item/fc6ac732a216dd8db711dba51. Introduction to Touch EventsThe Web page mouse on the PC generates onmousedown, onmouseup, onmouseout, onmouseover, onmousemove events, but on mobile devices such as iphone, ipo
This article mainly introduces touch events in javascript mobile development in detail. If you are interested, you can refer to the event objects as objects used to record relevant information when events occur. Event objects are generated only when an event occurs and can only be accessed within the event processing function. After all event processing functions are completed, the event object is destroyed
1. Click and Tap Events Comparison
Both will have a click on the trigger, but on the phone web side, click will have a 200~300ms delay, so use Zepto tap instead of click as a click event
Singletap and Doubletap Click on the events and double-click the events on each side.
2. Point-through processing of tap events
(1) When using the Zepto frame tap as a mobile device browser Click event to circumvent the Click event Delay response, it is possible to ha
swollen mody do? and capacitive screen obviously can only touch with the finger, even if the screen to cut with a pen, the system will not have hits sour reaction.
Resistance screen in the outdoor visual effect is worse, the latter two relatively good, but for the optical screen, outdoor glare will affect the accuracy of the screen.
Resistive screen does not support multi-touch, the latter two support.
Mobile phone tablet and so on most mobile sites will have the ability to touch sliding content, the company mobile site (m.muzhiwan.com) title ads sliding and carousel effect is the Swiper plug-in.Swiper is a JS plug-in that is often used for content-touch sliding of
Recently decided to turn to the daily technical articles as the main line, chicken soup kind of things, this also need to see inspiration.Today will be introduced for you, is a cross-mobile terminal system development Framework, Sencha Touch. Using this framework, you will never have to learn Java to write Android, learn OBJC write iOS, learn C # to write WP and worry about, a language, write once, all done
Windows Mobile 7, which Microsoft is currently developing, will produce the first revolutionary changes in control since the WM system was released.
A recent document from Microsoft shows that Microsoft will make a major adjustment to the touch sensing of Windows Mobile 7 to explain the plan's design drawings as high as 100 pages.
And it's almost certain that g
1. Introduction to Touch EventsThe Web page mouse on the PC generates onmousedown, onmouseup, onmouseout, onmouseover, onmousemove events, but on mobile devices such as iphone, ipod Touch, The Ontouchstart, Ontouchmove, Ontouchend, Ontouchcancel events are generated when the Web page on the ipad touches the screen, corresponding to the
Touching event (Touch)There are some touch events in JQuery Mobile that can be customized. However, these events are only available when a user interacting with a touch-enabled device accesses your jQuery Mobile site. When these events are available, you can trigger any cust
Example of how to calculate the sliding distance of a touch event on a JS mobile phone, jstouch
This article describes how to calculate the sliding distance of a JS Mobile Phone touch event. We will share this with you for your reference. The details are as follows:
Calculate the sliding distance of a gesture on the
Article Description: the UI should follow the three major web design principles.
Touch-first design, responsive design, and mobile priority design are the three principles that the UI designer should follow in order to make the site adapt to a wide range of equipment. In the foreign language "Designing the Well-Tempered Web" elaborated these three principles in detail. CSDN has compiled the text
Event objects are objects that are used to record information about events as they occur. Event objects are only generated when an event occurs, and can only be accessed internally by an event handler, and the event object is destroyed after all event-handler functions have been run!
The Consortium DOM passes the event object in as the first argument to the event handler function.
IE takes an event object as an attribute of the Window object (equivalent to a global variable)
Origi
Mobile Web Development, CLICK,TOUCH,TAP event analysisOne, click and tap ComparisonBoth will be triggered when clicked, but on the mobile Web side, click will have 200~300 MS, so tap instead of click.Singletap and Doubletap represent single clicks and double clicks, respectively.Second, the point of tap processingWhen using the tap of the Zepto framework to move
SOURCE Http://hi.baidu.com/study_sweet/item/fc6ac732a216dd8db711dba51. Introduction to Touch EventsThe Web page mouse on the PC generates onmousedown, onmouseup, onmouseout, onmouseover, onmousemove events, but on mobile devices such as iphone, ipod Touch, The Ontouchstart, Ontouchmove, Ontouchend, Ontouchcancel events are generated when the Web page on the ipad
is the target to which the action is directed.Pagex/pagex/clientx/clienty/screenx/screeny: A numeric value, where the action takes place on the screen (page contains the scrolling distance, the client does not contain a scrolling distance, and screen is the base).Radiusx/radiusy/rotationangle: An ellipse of approximately the shape of a finger, two radii and angles of rotation, respectively. Initial test browser does not support, fortunately, the function is not commonly used, welcome feedback.
Touch Event Category: Touchstart: Triggered when the finger touches the screen, even if a finger has been placed on the screen. Touchmove: A continuous trigger when the finger is sliding on the screen. During this event, calling Preventdefault () can prevent scrolling. Touchend: Triggered when the finger moves away from the screen. Touchcancel: Triggered when the system stops tracking touch. The exact trigg
The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion;
products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the
content of the page makes you feel confusing, please write us an email, we will handle the problem
within 5 days after receiving your email.
If you find any instances of plagiarism from the community, please send an email to:
info-contact@alibabacloud.com
and provide relevant evidence. A staff member will contact you within 5 working days.