如何为输入标记创建onclick事件

时间:2017-06-13 12:52:12

标签: javascript html

我创建了一个输入字段,我希望在点击输入字段时触发一些事件。

为此,我使用onClick方法但我的调试器不会使用TableExpand()函数。即使在输入标记中,我也无法看到onClick事件。

这是我的代码。

MyData = function(args) {
    debugger;
    var dataUrl = args.url;
    var divID = args.divID;
    var div = document.getElementById(divID); 

    var input = document.createElement("input");
        input.className = 'styled-select';
        input.style = 'width:30%' ;
        input.id = "SearchInput";
        input.type = "text";
        input.title = "Madd";
        input.onclick = "TableExpand()"; // This is not adding in input tag.

        div.appendChild(input);

        //input.onkeyup = "TableExpand()";
        //input.addEventListener('click', 'TableExpand()');

        //div.onclick

TableExpand = function(){
    debugger;

}
}

任何人都可以帮助我。

1 个答案:

答案 0 :(得分:2)

分配给onclick属性的值必须是函数

您正在分配字符串

input.onclick = TableExpand;

...您还需要在尝试使用之前定义TableExpand

使用函数声明而不是函数表达式就足够了(因为声明被挂起)。

function TableExpand (){
    debugger;
}