iPhone “2 Finger Scrolling” Dump

It appears that you can actually scroll content other than with the pseudo scrollbars and using drag and drop style viewport scrolling. I was reading on a google group that if you set a block to overflow:auto (or scroll) you can actually do a 2 finger scroll to scroll just to content.

Well armed with that information I set about trying to capture this event and debug out all of the properties, hoping it might give a back door into some of the other events:

Mozilla/5.0 (iPhone; U; CPU like Mac OS X; en)
AppleWebKit/420+ (KHTML, like Gecko)
Version/3.0 Mobile/1A543a Safari/419.3

Test Subject: 2 finger Scrolling Event on Overflow Auto

NaN[object Event]AT_TARGET: 2
BLUR: 8192
BUBBLING_PHASE: 3
CAPTURING_PHASE: 1
CHANGE: 32768
CLICK: 64
DBLCLICK: 128
DRAGDROP: 2048
FOCUS: 4096
KEYDOWN: 256
KEYPRESS: 1024
KEYUP: 512
MOUSEDOWN: 1
MOUSEDRAG: 32
MOUSEMOVE: 16
MOUSEOUT: 8
MOUSEOVER: 4
MOUSEUP: 2
SELECT: 16384
bubbles: true
cancelBubble: false
cancelable: false
clipboardData: undefined
currentTarget: [object DIV]
dataTransfer: undefined
eventPhase: 2
initEvent:
function initEvent() {
    [native code]
}

preventDefault:
function preventDefault() {
    [native code]
}

returnValue: true
srcElement: [object DIV]
stopPropagation:
function stopPropagation() {
    [native code]
}

target: [object DIV]
timeStamp: 1185252158651
type: scroll
————————————————————

The above was captured by running:

dojo.event.connect(dojo.byId(‘test’), "onscroll", function(e){
var object = dojo.debugReturn(e);
dojo.io.bind({
method: "post",
url: "saveTheContentsToAFile.php",
content: {
testSubject: ‘2 finger Scrolling Event on Overflow Auto’,
innerHTML: object
},
mimetype: "text/plain"
});
});

Not entirely sure what that does to help, but I do know that there is a mention of ‘clipboardata’ which is interesting…considering the iphone has no known way of handling copy/paste…. more to come.