_Nemon_
_Nemon_
  • 发布:2014-09-10 13:46
  • 更新:2014-09-10 13:46
  • 阅读:1850

ipad输入法影响Canvas绘图容器的显示

分类:HTML5+

我在做一个类似画板的应用时遇到个问题——myCanvas是js绘图的容器,测试环境ipad。当我隐藏painterDiv,显示listDiv时,如果把焦点放在txtSearch里,会自动出现ios的输入法,问题是,如果我先关闭输入法再隐藏listDiv显示painterDiv,就啥事都没有;如果没有关闭输入法就隐藏listDiv显示painterDiv,painterDiv下边输入法的位置都显示成纯灰色的一块。哪位知道这个怎么解决?先谢了。
下面的代码是index.html里body部分。
{{{

<body>   
<div id="mainDiv" style='position: fixed;top: 0;left: 0;width: 100%;height: 100%;margin: 0;'>  
    <div id="painterDiv" style='position: fixed;top: 0;left: 0;width: 100%;height: 100%;margin: 0;'>  
        <div id='map' class='myCanvas'  style='position: fixed;background:#afafaf;min-height:600px;height:100%;background-image: url(img/black.png); background-repeat: repeat repeat;' ></div>  
    </div>  
    <div id="listDiv" style='display:none;'>  
        <div id="searchDiv">  
            <ul>  
                <li><input  type=text  
                         id="txtSearch"  
                         value=""  
                         oninput="javascript:whenSearchTextChanged(this);"  
                    />  
                </li>  
            </ul>  
        </div>  
        <div id="navDiv" >  
            <!--  
            <ul id="myList">  
                <li da="0"><b>一层画架</b></li>  
                <li da="beach"><label>沙滩</label></li>  
                <li da="flower"><label>静物:花</label></li>  
                <li da="room"><label>大厅</label></li>  
            </ul>  
            -->  
        </div>  
    </div>  
</div>  

</body>

}}}

2014-09-10 13:46 负责人:无 分享
已邀请:

该问题目前已经被锁定, 无法添加新回复