Tek-Tips is the largest IT community on the Internet today!

Members share and learn making Tek-Tips Forums the best source of peer-reviewed technical information on the Internet!

Register Log in
  • Congratulations derfloh on being selected by the Tek-Tips community for having the most helpful posts in the forums last week. Way to Go!

'this' not working in javascript function in IE

Status
Not open for further replies.
ranadhir

ranadhir

Programmer
Nov 4, 2003
54
IN
I have the following code in Mozilla:

<script type="application/x-javascript">
function listElementHandlers(aObj)
{
if(!aObj)
return null;
for(var list in aObj)
if(list.match(/^on/))
alert(list+'\n');
}
function dummy()
{
}
<script>

..
<input type="text" id="searchField" on keyup="listElementHandlers(this)" on blur="dummy()" >
..
This lists out all the 'on' events against that element(onkeyup and onblus in ths icase).
This does not work in IE- is it because 'this' in IE represents the document object?
How then do we simulate this in IE?
 
Sort by date Sort by votes
Only way to get it going on ie is to change the type to the more orthodox type="text/javascript" if you don't mind.
 
Upvote 0 Downvote
Please make this code work on mozilla and IE - in mozilla you will only see onkeyup and onblur which are the events defined for the owning element searchField - but in IE it will print out a host of events not related to the 'searchField' element at all.
In fact,I guess in IE it starts printing out all events at the document level - which is not what I intend
 
Upvote 0 Downvote
[1] You said it works on moz. But the handlers are named there without "on" prefix? (Verify through the script below yourself. Un-comment the if () { } testing the on prefix.)
[2] Make it to onkeyup is very annoying. I, for demo purpose, put it in a button and list input textbox element as you originally intended.
[tt]
<html>
<head>
<script type="text/javascript">
function listElementHandlers(obj) {
var s="";
for(var list in obj) {
[blue]//if (/^on/.test(list)) {[/blue]
s+=list+"<br />"
[blue]//}[/blue]
}
document.getElementById("divid").innerHTML=s;
}
</script>
</head>
<body>
<!-- very annoying if you use onkeyup to do that listing -->
<form name="formname">
<input type="text" id="searchField" name="searchField" /><br />
</form>
<button onclick="listElementHandlers(document.formname.searchField)">get the list</button><br />
<div id="divid"></div>
</body>
</html>
[/tt]
 
Upvote 0 Downvote
Status
Not open for further replies.

Similar threads

lexer
  • Locked
  • Question
Passing fields from (html-JavaScript) table to JavaScript Function
Replies
0
Views
628
lexer
lexer
Mike Lewis
  • Locked
  • Question
Anyone here got any experience of Grid.JS (a sortable Javascript grid) 1
Replies
5
Views
1K
Mike Lewis
Mike Lewis
TheLazyPig
  • Question
Buttons not aligned after another button is clicked
Replies
2
Views
192
gmmastros
gmmastros
JScannell
  • Locked
  • Question
Javascript events
Replies
1
Views
256
Daniel K
Daniel K
jomat
  • Locked
  • Question
JS to show the timer in html under title instead of in the status bar
Replies
2
Views
700
xwb
xwb

Part and Inventory Search

Sponsor

Back
Top