Learn value returned by an onsubmit form in HTML5 CanvasInput

Question

Learn value returned by an onsubmit form in HTML5 CanvasInput

Navigation

#1 by (1 votes)
#2 by (1 votes)

1

First of all greetings to all and to say that I am very new, any correction is welcome, both the question I am asking and the use of this website ...

I was trying to get the method onsubmit() of the library "CanvasInput" of HTML to return the value I write in the form ...

The value that returns to me is the following:

function

Javascript Code:

var input = new CanvasInput({
  canvas: document.getElementById('canvas'),
  value: '',
  onsubmit: function() {alert(this.value);},
});

javascript html5

asked by Alberto García Olmedo 12.06.2016 в 19:27

source

2 answers

Select dependent on angle Check if a directory is a git repository

score 1 · Answer 1

Effectively when you call this you are referencing the function and not the new instance of CanvasInput, since the onsubmit function will be called after creating the object, you can simply call input.value .

This should work:

var input = new CanvasInput({
  canvas: document.getElementById('canvas'),
  value: '',
  onsubmit: function() {
    alert(input.value);
  },
});

score 1 · Answer 2

As I can see in the source code of CanvasInput ( Line 880 ), the handler of the event receives a second parameter that is effectively the CanvasInput.

So you can add this parameter to the callback function to get the value.

var input = new CanvasInput({
  canvas: document.getElementById('canvas'),
  value: '',
  // aquí agregar y usar los parámetros 
  onsubmit: function(e, canvasInput) { alert(canvasInput.value); },
});