Как программировать изменение входных данных?

Question

Я пытаюсь изменить значение атрибута onblur текстового ввода после завершения загрузки страницы.

Когда я делаю следующее, он просто запускает функцию:

ip.onblur = stopCalcUpInt(this,10);

Когда я делаю следующее, у меня есть успех:

ip.onblur = function onblur(event){stopCalcUpInt(this,10);}

К сожалению, вся суть это возможность динамически установить второй параметр для stopCalcUpInt(). Если я жестко кодирую значение для него ... он отлично работает ... но любые попытки передать varibles на это не удается ... вместо того, чтобы поместить значение переменной в качестве второго параметра, он просто помещает простой текст переменной само название. Здесь идеально, что я пытаюсь сделать:

ip.onblur = function onblur(event){stopCalcUpInt(this,this.value);}

В этом примере, когда я предупрежу ip.onblur я получаю:

Answer 1

Ответ на этот вопрос был очень прост, но не слишком очевиден. Вместо того, чтобы:

ip.onblur = function onblur(event){stopCalcUpInt(this,this.value);}

Я сделал это:

ip.setAttribute('onblur','stopCalcUpInt(this,\'' + ip.value + '\');');

прекрасно работает ... больше не стучал головой о стену! Ура!

Answer 2

Это зависит от того, что this предназначено для обозначения к. В обработчике события this относится к элементу, на котором выполняется событие. Если это то, что вы хотите, тогда ваш код выглядит хорошо, как написано; this будет указывать на ip.

Если вы намерены this обратиться к this извне обработчика событий и не ip, попробуйте следующее:

var self = this; 
ip.onblur = function(event) { stopCalcUpInt(self, self.value); }; 

Answer 3

ip.onblur = function() {stopCalcUpInt(this,this.value);} 

Answer 4

ip.onblur является обработчик события ... т.е. это функция

Теперь, когда вы вызываете функцию, FF покажет вам исходный код для этой функции (если она определена пользователем).

Вот почему вы видите простой текст имени переменной.

Для обработчика событий this - это элемент, который в данный момент обрабатывает событие. Итак, если вы устанавливаете обработчик onblur окна ввода, у вас будет доступ к содержимому этого окна ввода.

Пример кода, который вы предоставили:

ip.onblur = function onblur(event){stopCalcUpInt(this,this.value);} 

должен работать правильно. Попробуйте

ip.onblur = function onblur(event){alert(this.value); stopCalcUpInt(this,this.value);} 

, если вы хотите быть уверены,

Answer 5

ли stopCalcUpInt ожидает номер во втором параметре? Атрибут value вернет строку, в то время как в вашем жестком кодированном примере вы передаете тип номера.Попробуйте это:

ip.onblur = function onblur(event){stopCalcUpInt(this,this.value * 1);} 

Как объяснено в QuirksMode:

Поскольку умножение принимает число, JavaScript делает строку номер, , если это возможно.