onmousewheel in Chrome

**jabberwock1977** · 11-10-2010 08:58 AM

Hello world!

I have an input type=text with value={date}
User scrolls his mouse wheel on it.
I need to see what is character number in the text field (in Firefox it's evt.rangeOffset) .
How to get that in Chrome?

Below is the code.

<script>

attach = function(){

dateField= document.getElementById('a');
dateField.onmousewheel=handleEvent;
}

handleEvent = function(evt){

//???????????????????????
//how to get character number on text field?
}

</script>

<body onload="attach()">

<input type=text value="01-10-2010" name=a id=a >

</body>

Thanks in advance.

**Fang** · 11-10-2010 09:45 AM

What are you attempting to do?
The code snippet given would not even work in Firefox; the mousewheel event does not work on <input> and Fx3+ uses a different event "DOMMouseScroll"

**Kor** · 11-10-2010 09:56 AM

I don't get it. What's the use to scroll the mouse wheel over a text field? I used to think that createRange and rangeOffset are in connection with a selection made with a mouse, not with a scroll of the mouse wheel... What in fact you want to do, after all?

**jabberwock1977** · 11-10-2010 10:01 AM

I want to change date in the text field.
When the user scrolls on date, the date is changed.
When the user scrolls on month, the month is changed.
When the user scrolls on year, the year is changed.

**jabberwock1977** · 11-10-2010 10:04 AM

I managed to add mousewheel event in Chrome.
But I can't figure out what character number of text field is under the mouse.

Below is the code for that for IE and firefox:

UIUtils._getCursorOffsetFromEvent = function(evt) {

if (evt.type != "keydown") {

//for FireFox:
if ( evt.rangeOffset > -1 ) {
return evt.rangeOffset;
}

//For IE:
var textRange = evt.srcElement.createTextRange();

var offsetX = (evt.offsetX > 0) ? evt.offsetX : 0;
while ( textRange.boundingWidth > offsetX ) {
textRange.moveEnd( "character", -1 );
}
return textRange.text.length;
}
return UIUtils._getSelectionEnd( (evt.target) ? evt.target : evt.srcElement );
}

How do I do that in Chrome?

**Kor** · 11-10-2010 10:15 AM

Do you understand what the mouse wheel is? Do you know what a user must do to start the onmousewheel event? I guess you confound the terms.

Thread: onmousewheel in Chrome

Thread Tools

Display

onmousewheel in Chrome

Thread Information

Users Browsing this Thread

Bookmarks

Bookmarks

Posting Permissions