Как передать параметры функции «на лету» в JavaScript?

Question

У меня есть эта функция:

divResize = { myDiv:function(width, height) 
{...} 

} 
divResize.myDiv(100,400); 

Как бы я получить последние аргументы для ввода полученных динамически от пользователя говорит от формы или какого-либо другого интерактивного элемента? Что делать, если эти цифры еще не предопределены, и я хочу, чтобы они могли изменить что-то визуальное.

Answer 1

Вы должны использовать входы (возможно, с идентификатором), а затем извлечь значения, используя document.getElementById("input1").value, чтобы перейти к функции.

HTML может выглядеть примерно так:

<input id="input1" type="number" /> 
<input id="input2" type="number" /> 
<button onclick="mycode()">click</button> 

Тогда JS будет что-то вдоль линий

function mycode(){ 
    var a = document.getElementById("input1").value; 
    var b = document.getElementById("input2").value; 
    divResize.myDiv(a,b); 
} 

Предоставленный, в реальной жизни вы, вероятно, хотите, чтобы проверить входы не empty & подтвердите, что они являются номерами, прежде чем передавать их в вашу функцию и т. д. Вам, вероятно, также понадобится более зрелая переменная &, чем я использовал.

Примечание: я набрал этот код прямо здесь & не проверял, поэтому в нем могут быть опечатки/глупые ошибки.

Answer 2

Вы можете добавить эти поля ввода, если хотите, чтобы пользователь контролировал размеры.

<input type="text" id="width"> 
<input type="text" id="height"> 

И чем добавить это к вам JavaScript функции

var width = $("#width").val(); 
var height = $("#height").val(); 

Чем вы можете использовать width и height для изменения размера DIV.

Вы также можете запустить функцию изменения размера.

$("#width").change(function(){ 
    //your function code 
    $("#myDivToResize").css("width",$(this).val()); 
}); 

Answer 3

Использовать переменную аргумента как видно here.

Например:

function a(){ 
    console.log(arguments); 
} 

a(1,2,3,"foo","bar"); 

возвращает

[1,2,3,"foo","bar"] 

, чтобы вы могли легко получить первый аргумент на аргументы [0], и так далее.