System LDAP Technical Solution__百度文库
两大类热门资源免费畅读
续费一年阅读会员，立省24元！
评价文档：
喜欢此文档的还喜欢
System LDAP Technical Solution_
阅读已结束，如果下载本文需要使用
想免费下载本文？
把文档贴到Blog、BBS或个人站等：
普通尺寸(450*500pix)
较大尺寸(630*500pix)
你可能喜欢
20080份文档热门比价：
Adidas阿迪达斯 男子跑步鞋cc solution m
最新报价：
历史最低价：￥0.00
开始收录该产品
历史价格走势 - V20344
时间报价 15:40￥576元
17:02￥576元
商品参数 -
商品介绍 -
最高返8.4%
同类商品推荐
京东商城 ￥199 & 1809条评论京东商城 ￥139 & 194条评论京东商城 ￥139 & 194条评论京东商城 ￥139 & 194条评论京东商城 ￥139 & 194条评论京东商城 ￥139 & 194条评论
淘宝天猫报价
V20344相似商品
返利咨询：
技术咨询：
商务广告：
商务合作：Posted on: Feb 15, 2009
& Remove onClick delay on webkit for iPhone
Developing on the webkit for iPhone I encountered a curious delay on onClick events. It seems that the click is triggered with about 300 milliseconds delay. While this is unnoticeable on a standard web page, it can be annoying on a web application. Fortunately the click event can be overridden thus eliminating the delay.
I assume that 300ms is the time frame Apple guesses an user needed to perform gestures, but there are situations where this delay can be really annoying. Think to a calculator application with 300ms delay each time you press a button. Unacceptable.
The simplest solution is to use onTouchStart instead of onClick events. Something like &div ontouchstart="doSomething()"& is perfectly logical and overrides the onClick delay. But the action is triggered as soon as you touch the screen and may end up to undesirable results, so I tried to recreate the mouseDown/mouseUp events sequence with touchStart/touchMove/touchEnd.
Point your iPhone or simulator to my . Clicking on the first button the standard click event is fired (with infamous 300ms delay), the second button instead overrides the onClick event and the action is actually cast on touchEnd with no delay.
The code I use is the following:
function NoClickDelay(el) {
this.element =
if( window.Touch ) this.element.addEventListener('touchstart', this, false);
NoClickDelay.prototype = {
handleEvent: function(e) {
switch(e.type) {
case 'touchstart': this.onTouchStart(e);
case 'touchmove': this.onTouchMove(e);
case 'touchend': this.onTouchEnd(e);
onTouchStart: function(e) {
e.preventDefault();
this.moved =
this.element.addEventListener('touchmove', this, false);
this.element.addEventListener('touchend', this, false);
onTouchMove: function(e) {
this.moved =
onTouchEnd: function(e) {
this.element.removeEventListener('touchmove', this, false);
this.element.removeEventListener('touchend', this, false);
if( !this.moved ) {
// Place your code here or use the click simulation below
var theTarget = document.elementFromPoint(e.changedTouches[0].clientX, e.changedTouches[0].clientY);
if(theTarget.nodeType == 3) theTarget = theTarget.parentN
var theEvent = document.createEvent('MouseEvents');
theEvent.initEvent('click', true, true);
theTarget.dispatchEvent(theEvent);
The script creates a touchStart event and performs the click action on touchEnd which occurs 300ms before the standard click event. This is just an example to get you started, my function triggers the click event on touchEnd so you still need to add an onClick event (or an Anchor) somewhere if you want something to happen. You could better place directly your code on touchEnd but if you use my method your application will be compatible with both touch (the iphone) and non-touch enabled devices (the standard browser).
To activate the script all you need to do is: new NoClickDelay(document.getElementById('element'));. From now on all your clicks inside the element will be performed with no delay.
Note that you don’t need to apply the NoClickDelay() function to all the objects in the page, but just to a container. If for instance you have an unordered list, you don’t need to add the script to each &li& elements, but just to the &ul&. This has been done to reduce the number of event listeners so less resources are needed.
To closely mimic the standard UI you could add a hover class on touchStart to highlight the pressed object in someway and remove it on touchMove. (Apple places a gray rectangle over pressed elements).
Update : By popular demand here follows the code that assigns the “pressed” CSS class to the clicked element.
function NoClickDelay(el) {
this.element = typeof el == 'object' ? el : document.getElementById(el);
if( window.Touch ) this.element.addEventListener('touchstart', this, false);
NoClickDelay.prototype = {
handleEvent: function(e) {
switch(e.type) {
case 'touchstart': this.onTouchStart(e);
case 'touchmove': this.onTouchMove(e);
case 'touchend': this.onTouchEnd(e);
onTouchStart: function(e) {
e.preventDefault();
this.moved =
this.theTarget = document.elementFromPoint(e.targetTouches[0].clientX, e.targetTouches[0].clientY);
if(this.theTarget.nodeType == 3) this.theTarget = theTarget.parentN
this.theTarget.className+= ' pressed';
this.element.addEventListener('touchmove', this, false);
this.element.addEventListener('touchend', this, false);
onTouchMove: function(e) {
this.moved =
this.theTarget.className = this.theTarget.className.replace(/ ?pressed/gi, '');
onTouchEnd: function(e) {
this.element.removeEventListener('touchmove', this, false);
this.element.removeEventListener('touchend', this, false);
if( !this.moved && this.theTarget ) {
this.theTarget.className = this.theTarget.className.replace(/ ?pressed/gi, '');
var theEvent = document.createEvent('MouseEvents');
theEvent.initEvent('click', true, true);
this.theTarget.dispatchEvent(theEvent);
this.theTarget =
Are you aware of any simpler solution?
/Share the joyApril 29, 2015 | Boston
June 28-30, 2015 | Chicago
August 17-19, 2015 | Chicago
September 9-11, 2015 | Washington DC
Bon-Ton Stores adds shoe-based mobile marketing solution
Nov. 22, 2013
When in doubt, talk to the shoe.
The retail chain Bon-Ton Stores has added a mobile solution that lets in-store shoe shoppers know if the store has the shoes they're looking for. If not, an RF/NFC-enabled display shoe will guide shoppers to the nearest store that has the shoe in stock or direct them to a mobile commerce site where they make the purchase on the spot. The shoes-on-display mobile marketing channel can be accessed by NFC-enabled smartphones.
The solution, developed by Thinaire, is active in more than 30 Bon-Ton Stores locations across 11 states. The chain had earlier installed in-store signage informing shoppers about the NFC technology. The first programs ran in the cosmetics departments featuring Estee Lauder and Clinique campaigns.
Bon-Ton Stores said it plans to feature hundreds of thousands of shoe SKUs along with product information messages communicated by NFC-enabled decals.
"Delivering dynamic product information through smartphones is just the beginning of the mobile engagement experience," Patrick Meyer, chief marketing officer, Thinaire, said in a news release. "Allowing shoppers immediate visibility into product availability makes the shopping experience more rewarding."
The Bon-Ton Stores, Inc., with corporate headquarters in York, Pa., and Milwaukee, operates 273 department stores, including 10 furniture galleries, in 25 states in the Northeast, Midwest and upper Great Plains under the Bon-Ton, Bergner's, Boston Store, Carson's, Elder-Beerman, Herberger's and Younkers nameplates.
Thinaire is a provider of RF engagement marketing solutions for brands such as Sony, adidas, Unilever, Kraft, Verizon, Nine West and Hershey's.
Learn more about .
Related Content
Latest Content
Please enable JavaScript to view the
WHITE PAPERS
FEATURED CONTENT
Already a member? Sign in below.
Not a member yet?
Join now to get our free newsletter and unlimited free access
to all the great content in our White Paper Directory.
The email address you entered is already registered.
Please sign in to continue or use another email address.
This will close after 8 seconds.