Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/419.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 在iPhone/iPad 5.1中动态更改contentEditable状态时,execCommand失败_Javascript_Iphone_Ios_Ipad_Cordova - Fatal编程技术网

Javascript 在iPhone/iPad 5.1中动态更改contentEditable状态时,execCommand失败

Javascript 在iPhone/iPad 5.1中动态更改contentEditable状态时,execCommand失败,javascript,iphone,ios,ipad,cordova,Javascript,Iphone,Ios,Ipad,Cordova,使用PhoneGap开发的iOS应用程序向用户显示大量HTML内容。用户可以将文本部分设置为粗体、下划线…,但不应添加或删除现有文本 所以,我在HTML中将div的contentEditable默认设置为“false”。使用execCommand()格式化所选文本。当用户选择文本并单击“粗体”按钮时,我将在执行execCommand()之前将contentEditable更改为“true”,然后将其设置回“false”。execCommand()使文本在所有桌面浏览器(包括Safari)中显示为

使用PhoneGap开发的iOS应用程序向用户显示大量HTML内容。用户可以将文本部分设置为粗体、下划线…,但不应添加或删除现有文本

所以,我在HTML中将div的contentEditable默认设置为“false”。使用execCommand()格式化所选文本。当用户选择文本并单击“粗体”按钮时,我将在执行execCommand()之前将contentEditable更改为“true”,然后将其设置回“false”。execCommand()使文本在所有桌面浏览器(包括Safari)中显示为粗体,但在iPhone/iPad中不显示

非常感谢你的帮助

示例代码:(我在iOS5.1模拟器中测试了它)


函数bold()
{
var content=document.getElementById(“内容”);
content.contentEditable=true;
//document.body.contentEditable=true;
var result=document.execCommand('bold',false,null);
content.contentEditable=false;
//document.body.contentEditable=false;
};
这是用于测试的相同文本。。。



说它在iPhone/iPad中不起作用意味着。。。它的作用是什么?什么都没有?更新了问题的更多细节,谢谢
<html>
<head>
<script>
    function bold()
    {
        var content = document.getElementById("content");
        content.contentEditable = true;
        //document.body.contentEditable = true;
        var result = document.execCommand('bold', false, null);
        content.contentEditable = false;
        //document.body.contentEditable = false;
    };
</script>
</head>
<body>
    <div id="content">this is the same text used for testing...</div>
    <br><br>
    <input type="button" value="bold" onclick="javascript: bold();"/>
</body>
</html>