Troubleshooting Event.target Problem in Firefox 6

Question

Troubleshooting Event.target Problem in Firefox 6

When working in Firefox 6, I encountered an issue while trying to identify the target element on which the event occurred. Instead of displaying the desired element, it was showing as undefined in the alert message. Utilizing the Firebug tool for debugging purposes, I discovered that the attribute "target" was missing from the event object. Can anyone provide assistance with this matter? Below is the code snippet in question:

function getSource(event)
{
    if(!event) 
    { 
        field = window.event.srcElement;
       alert(field);
    }
    else
    {
        field = event.target; 
        alert(field) //Receiving 'undefined' in FF6
    }
}

Edited Section:

document.onkeypress = getSource;
document.onmouseup = getSource;

Any guidance or support would be greatly appreciated.

javascript firefox dom-events

Answer 1

Answer №1

Give this code a try:

function retrieveSource(e) {
     if (!e)
          e = window.event;
     field = evt.srcElement || evt.target;
     alert(field);
     return true;
}

I trust this will be of assistance to you.

Answer 2

Give this code a try:

function retrieveSource(e) {
     if (!e)
          e = window.event;
     field = evt.srcElement || evt.target;
     alert(field);
     return true;
}

I trust this will be of assistance to you.

Answer 3

Answer №2

Try out this code snippet in Fx 6:

<script type="text/javascript>

window.onload = function() {
  document.getElementById('d0').onclick = showTarget;
}

function showTarget(e) {
  e = e || window.event;
  var target = e.target || e.srcElement;
  alert(target.tagName);
}

</script>

<div id="d0">
  <p>click on me</p>
</div>

When you click on the div element, it should display an alert message with "P".

Answer 4

Try out this code snippet in Fx 6:

<script type="text/javascript>

window.onload = function() {
  document.getElementById('d0').onclick = showTarget;
}

function showTarget(e) {
  e = e || window.event;
  var target = e.target || e.srcElement;
  alert(target.tagName);
}

</script>

<div id="d0">
  <p>click on me</p>
</div>

When you click on the div element, it should display an alert message with "P".

Answer 5

Answer №3

Similar to the previous question, consider updating the function with the following code:

function captureEventSource(event)
{
    if(!event) 
        event = window.event;
    if (event) {
        element = event.srcElement || event.target;
        alert(element);
        return true;
    }
    alert("event not found");
    return false;
}

Answer 6

Similar to the previous question, consider updating the function with the following code:

function captureEventSource(event)
{
    if(!event) 
        event = window.event;
    if (event) {
        element = event.srcElement || event.target;
        alert(element);
        return true;
    }
    alert("event not found");
    return false;
}

Answer 7

Answer №4

function retrieveSource(event) {
  var elementSelected=(event=event||window.event).target||event.srcElement;
  alert(elementSelected+" "+elementSelected.tagName);
}

Answer 8

function retrieveSource(event) {
  var elementSelected=(event=event||window.event).target||event.srcElement;
  alert(elementSelected+" "+elementSelected.tagName);
}

Troubleshooting Event.target Problem in Firefox 6

Answer №1

Answer №2

Answer №3

Answer №4

Similar questions

What causes Next.JS to automatically strip out CSS during the production build process?

Using the React UseEffect Hook allows for value updates to occur within the hook itself, but not within the main

Implementing Jquery to attach a click event immediately after adding a new row to the table, all

Error! The function worker.recognize(...).progress is throwing an error. Any ideas on how to resolve this

Is there a way to adjust the label size for a material ui TextField component?

Can one initiate a server within Zapier Code?

Show the JSON data that was returned

Error alert: Object expected on OnClientClick in Microsoft JScript runtime

Connect a series of numerical input fields in Vue.js

Prevent the automatic inflation of bubbles on the D3 World Map

Getting access to the properties of an array containing objects

What are the steps to effectively utilize an interface within a TypeScript file that contains its own internal import?

Is NextJS rendering solely on the server, or is it capable of rendering on both

How can you create a basic click event for a Google Maps marker?

The error "Cannot access property of undefined during an Ajax POST request" indicates

What steps should I take to show a particular set of data upon selecting a checkbox component?

Mapping arguments as function values

Utilizing turbolinks enables the page to be reloaded upon form submission

What is the best way to make a CSS class appear in my javascript using the method I have been using before?

Using the scroll feature in the selectyze plugin allows for smooth