从HTML获取数据并将其存储到$（window）.load（）

Question

HTML:

<form>
   <input type="text" id = "userText"/>
   <button onclick="getData()">Send</button>
</form>

Javascript:

  var inputUser;
  // I tried this and it didn't work either

  function getData(){
    inputUser = document.getElementById("userText").value;
    alert(inputUser);
  }

  $(window).load(
    function(){ * something * })

I can get data in function getData() but can't access that data into $(window).load(function()).

If I put document.getElementById() or try to use inputUser in * something * code. It's return nothing. I want use the text input from user in * something *.

So how can i do this? Thanks!

Answer 1

The load event fires at the moment when the user has loaded the document.

At that point, the user hasn't typed anything into the form.

You can't get the text input in that function because it doesn't exist yet .

Answer 2

You declared var inputUser inside getData() , therefore you can only access it inside getData() (it's called a scope).

Declare it outside (just above) with var inputUser; . Then, inside getData() just set it with inputUser = ... (without another var ) and then you can access it from $(window).load .