Question

I have a form and a button.

I need that when I click on a textfield, and then click this particular button, the textbox which was clicked last will change its value to say “BUTTON HAS BEEN CLICKED”.

Is there a way via JavaScript how I can know the last textbox which was clicked?

Many thanks in advance.

Answer 1

You need to store a reference to the text box when you click it. The easiest way to do that is to create a global variable for the reference. Then you would update the reference with the textbox’s onclick event. Here is an example:

HTML:

<input id="myTextBox" type="text" onclick="updateCurText(this);">
<input type="button" value="click me" onclick="updateText();">

JavaScript:

var currentTextBox = '';

function updateCurText(ele) {
  currentTextBox = ele.id;
}

function updateText() {
  document.getElementById(currentTextBox).value = 'BUTTON HAS BEEN CLICKED';
}

Live example.