internet explorer - Javascript IE error: 'target' is null or not an object - Stack Overflow

admin管理员组

文章数量:1290268

document.onkeydown = function(event) {
    var tagName = event.target.tagName;
    if (tagName != 'INPUT' && tagName != 'TEXTAREA' && !event.alt && event.control) {

        if (event.ctrlKey && event.keyCode == 37) {
            if (_this.currentPage > 1) {
                window.location.href = _this.baseUrl.replace(/%page%/i, _this.currentPage + 1);
            }
        } else if (event.ctrlKey && event.keyCode == 39) {
            if (_this.currentPage < _this.pagesTotal) {
                window.location.href = _this.baseUrl.replace(/%page%/i, _this.currentPage - 1);
            }
        }
    }
}

This gives me an error only in IE 8:

'target' is null or not an object

for that line var tagName = event.target.tagName;

How to fix that? Error happens when I press Ctrl or arrows button.

document.onkeydown = function(event) {
    var tagName = event.target.tagName;
    if (tagName != 'INPUT' && tagName != 'TEXTAREA' && !event.alt && event.control) {

        if (event.ctrlKey && event.keyCode == 37) {
            if (_this.currentPage > 1) {
                window.location.href = _this.baseUrl.replace(/%page%/i, _this.currentPage + 1);
            }
        } else if (event.ctrlKey && event.keyCode == 39) {
            if (_this.currentPage < _this.pagesTotal) {
                window.location.href = _this.baseUrl.replace(/%page%/i, _this.currentPage - 1);
            }
        }
    }
}

This gives me an error only in IE 8:

'target' is null or not an object

for that line var tagName = event.target.tagName;

How to fix that? Error happens when I press Ctrl or arrows button.

• javascript
• internet-explorer
• dom-events

Share Improve this question Follow edited Apr 25, 2022 at 7:37 Brian Tompsett - 汤莱恩 5,8937272 gold badges6161 silver badges133133 bronze badges asked Nov 12, 2012 at 2:03 user1815131user1815131 10122 silver badges77 bronze badges 4

• event.target does not exist in IE8. Wele to IE's old event system. – Šime Vidas Commented Nov 12, 2012 at 2:06
• Please can you give an example how to fix that? – user1815131 Commented Nov 12, 2012 at 2:09
• Use a third-party event API what takes care of the cross-browser inpatibilities for you. That would be my advice. – Šime Vidas Commented Nov 12, 2012 at 2:11
• Yeah, but I am not good at all in Javascript. I need example what to change. – user1815131 Commented Nov 12, 2012 at 2:13

Add a ment  | 

2 Answers 2

Sorted by: Reset to default 6

IE does not pass in the event object into the event handler. Instead, they use the global event property of the window object. So for IE, you'd use window.event instead.

It is mon practice to test for the supplied argument first. You also have to take into account the fact the IE uses srcElement instead of target. To account for all that, use something similar to this:

document.onkeydown = function(event) {
    event = event || window.event;
    var tagName = (event.target || event.srcElement).tagName;
    // Keep up the good work...
}

This should do the trick.

Do it like this:

event = event || window.event;
var tagName = (event.target || event.srcElement).tagName.toUpperCase();

本文标签： internet explorerJavascript IE error 39target39 is null or not an objectStack Overflow