0

我正在创建一个输入文本，当用户单击以在其中输入内容时，将打开一个弹出窗口，其中将输入一些文本字段。知道问题是当用户单击输入文本字段时键盘变得可见然后弹出窗口打开我想要的是当用户单击文本字段时弹出窗口应该打开而不是设备键盘并且它不应该显示任何光标提交给的文本。我正在创建和弹出，输入文本在折叠内部动态地创建，其中用于创建字段的数据来自表存储在 elementArray 中。这是创建弹出窗口和输入文本字段的代码：

var dynamic_a=$(document.createElement('a')).attr('href',"#popupPhone"+i);
        dynamic_a.attr('data-rel','popup');
        dynamic_a.attr('data-position-to','window');
        dynamic_a.attr('data-inline',true);
        dynamic_a.attr('data-transition','pop');
        dynamic_a.appendTo('#collapse'+elementArray[i].Tab_id);

        var dynamicinput=$(document.createElement('input')).attr('type','text');
            dynamicinput.attr('id',elementArray[i].Field_name);
            dynamivinput.blur();
            dynamicinput.appendTo(dynamic_a);

            console.log("VAlue of i: "+i);
            popupwindow=$(document.createElement('div')).attr('data-role','popup');
            popupwindow.attr('id',"popupPhone"+i);
            popupwindow.attr('data-theme','d');
            popupwindow.appendTo('#contentblock');

        var dynamic_form=$(document.createElement('form'));
            dynamic_form.append("<div data-role='header' data-theme='b' id='headerpopup'><h3 id='header"+i+"'align='center'>"+elementArray[i].Display_name+" Details</h3></div>");
            dynamic_form.append("<div id='popup"+elementArray[i].Field_name+"' style='padding:10px 20px'></div>");
            dynamic_form.appendTo(popupwindow);

             var formtable=$(document.createElement('table')).attr('id',"table"+i);
                formtable.append('<tr><td id="colmn1'+i+'"></td><td id="colmn2'+i+'"></td></tr>');
                formtable.appendTo("#popup"+elementArray[i].Field_name);

            var country_label=$(document.createElement('label')).attr('for','country_Code'+i);
                country_label.text('Country Code');
                country_label.appendTo('#colmn1'+i);

            var input_label=$(document.createElement('input')).attr('id','country_Code'+i);
                input_label.attr('data-theme','d');
                input_label.attr('type','number');
                input_label.appendTo('#colmn2'+i);
                 $("#colmn2"+i).append("<label id='errorcountry_code'style='color:red' align='center'></label>");

            var table_row2=$(document.createElement('tr'));
                table_row2.append("<td id='colmn3"+i+"'></td><td id='colmn4"+i+"'></td>");
                table_row2.appendTo(formtable);

            var area_label=$(document.createElement('label')).attr('for','area_Code'+i);
                area_label.text("Area Code");
                area_label.appendTo('#colmn3'+i);

            var area_input=$(document.createElement('input')).attr('id','area_Code'+i);
                area_input.attr('data-theme','d');
                area_input.attr('type','number');
                area_input.appendTo('#colmn4'+i);
                $("#colmn4"+i).append("<label id='errorarea_code'style='color:red' align='center'></label>");

            var table_row3=$(document.createElement('tr'));
                table_row3.append("<td id='colmn5"+i+"'></td><td id='colmn6"+i+"'></td>");
                table_row3.appendTo(formtable);

            var local_label=$(document.createElement('label')).attr('for','local'+i);
                local_label.text('Local');
                local_label.appendTo('#colmn5'+i);

            var local_input=$(document.createElement('input')).attr('id','local'+i);
                local_input.attr('data-theme','d');
                local_input.attr('type','number');
                local_input.appendTo('#colmn6'+i);
                $("#colmn6"+i).append("<label id='errorlocal'style='color:red' align='center'></label>");

            var table_row4=$(document.createElement('tr'));
                table_row4.append("<td id='colmn7"+i+"'></td><td id='colmn8"+i+"'></td>");
                table_row4.appendTo(formtable);

            var extenson_label=$(document.createElement('label')).attr('for','extension'+i);
                extenson_label.text('Extension');
                extenson_label.appendTo('#colmn7'+i);

            var extenson_input=$(document.createElement('input')).attr('id','extension'+i);
                extenson_input.attr('data-theme','d');
                extenson_input.attr('type','number');
                extenson_input.appendTo('#colmn8'+i);

            var button_Ok=$(document.createElement('a')).attr('id','Okbutton');
                button_Ok.attr('data-role','button');
                button_Ok.attr('data-inline',"true");

                button_Ok.attr('onClick','setPhonevalue('+i+',elementArray)');
                button_Ok.text('Ok');
                button_Ok.appendTo("#popup"+elementArray[i].Field_name);

            var button_Cancel=$(document.createElement('a')).attr('id','Cancelbutton');
                button_Cancel.attr('data-role','button');
                button_Cancel.attr('data-inline',"true");
                button_Cancel.attr('data-rel',"back");
                button_Cancel.text('Cancel');
                button_Cancel.appendTo("#popup"+elementArray[i].Field_name);

提前致谢。

4

1 回答 1

0

使用标签而不是输入框，并像输入 框一样进行外观和填充，并为“标签” 设置onclick()方法

于 2013-08-21T05:26:40.420 回答