Javascript 如何在这里获取文本字段内的输入?

Javascript 如何在这里获取文本字段内的输入?,javascript,html,Javascript,Html,我是javascript新手。我只想在创建的文本字段中进行输入 因此,我创建了一个id为cstList的ul标签 并在onclick事件上调用函数listData() 我正在尝试在div标记内创建一个输入标记。 创建后,我无法在文本字段中键入内容 谁能告诉我,为什么会这样 这是我的listData()代码 function listData() { //var a = sessionStorage.getItem('id'); if(sess

我是javascript新手。我只想在创建的文本字段中进行输入

因此,我创建了一个id为cstList的ul标签

并在onclick事件上调用函数listData()

我正在尝试在div标记内创建一个输入标记。

创建后,我无法在文本字段中键入内容

谁能告诉我,为什么会这样

这是我的listData()代码

function listData()
    {       
        //var a = sessionStorage.getItem('id');
        if(sessionStorage == null)
        {
            alert("Session storage not supported here");
        }
        else
        {
            var ss = sessionStorage.getItem('id');
            alert("storage value is: "+ss);
        }
    var rows = prompt('Please type in the number of required rows');
    var listCode = '';

    for (var i = 0; i < rows; i++) {
        var listID = 'list_' + i.toString();
        var divID = 'div_' + i.toString();
        var inputIdp = 'inputp_'+ i.toString();
        var inputIdq = 'inputq_'+ i.toString();
          //  listCode += '<li id="' + listID + '><div id = "'+ divID + '"> <input type= "text" id= "boltQTY" name= "boltQTY" value = "abc"/> <input type= "text" id= "a" name= "boltQTY" value = "abc" size="5"/></div></li>';

          listCode += "<li id='" + listID + "'><div id = '"+ divID + "'> <input type='text' id='" + inputIdp + "' name='" + inputIdp + "' value='' size='15'/> <input type='text' id='" + inputIdq + "' name='" + inputIdq + "' value='' size='15'/> </div></li>";

            //variable = "string" + var1 + "string=' " + var2 +"' ";
    }
    document.getElementById('cstList').innerHTML = listCode;
    }
函数listData()
{       
//var a=sessionStorage.getItem('id');
if(sessionStorage==null)
{
警报(“此处不支持会话存储”);
}
其他的
{
var ss=sessionStorage.getItem('id');
警报(“存储值为:“+ss”);
}
var rows=prompt('请输入所需行数');
var listCode='';
对于(变量i=0;i//listCode+='我得到了一个答案。这就是在group.google.com上讨论的iscroll的问题

通过以下代码解决了在文本字段中输入值的问题

在新的js文件中创建此代码

iScroll.prototype.handleEvent = function(e) {
    var that = this,
        hasTouch = 'ontouchstart' in window && !isTouchPad,
        vendor = (/webkit/i).test(navigator.appVersion) ? 'webkit' :
                 (/firefox/i).test(navigator.userAgent) ? 'Moz' :
                 'opera' in window ? 'O' : '',
        RESIZE_EV = 'onorientationchange' in window ? 'orientationchange' : 'resize',
        START_EV = hasTouch ? 'touchstart' : 'mousedown',
        MOVE_EV = hasTouch ? 'touchmove' : 'mousemove',
        END_EV = hasTouch ? 'touchend' : 'mouseup',
        CANCEL_EV = hasTouch ? 'touchcancel' : 'mouseup',
        WHEEL_EV = vendor == 'Moz' ? 'DOMMouseScroll' : 'mousewheel';

    switch(e.type) {
        case START_EV:
            if (that.checkInputs(e.target.tagName)) {
                return;
            }

            if (!hasTouch && e.button !== 0) return;

            that._start(e);
            break;
        case MOVE_EV: 
            that._move(e); 
            break;
        case END_EV:
            if (that.checkInputs(e.target.tagName)) {
                return;
            }
        case CANCEL_EV: 
            that._end(e);
            break;
        case RESIZE_EV: 
            that._resize();
            break;
        case WHEEL_EV: 
            that._wheel(e); 
            break;
        case 'mouseout': 
            that._mouseout(e); 
            break;
        case 'webkitTransitionEnd': 
            that._transitionEnd(e); 
            break;
    }
}

iScroll.prototype.checkInputs = function(tagName) {
    if (tagName === 'INPUT' || tagName === 'TEXTFIELD' || tagName === 'SELECT') {
        return true;
    } else {
        return false;
    }
}

你为什么不使用www.jsfiddle.net呢?开发人员会更好地帮助你。:)让我在jsfiddle上发布ma代码。它在jsfiddle上运行得很好。那会有什么问题呢?@nick你能给我页面链接吗