Web 嵌入的 Excel 电子表格在移动设备上无法正常工作

Sai*_*Akh 5 html javascript wordpress jquery onedrive

我正在尝试在我的 Wordpress 网站上使用 OneDrive Excel 电子表格。到目前为止,如果有人通过桌面的互联网浏览器访问它,效果很好,但在移动设备上则无法正常工作。

我发现问题是,如果微软 javascript 将电子表格的单元格放在“div”标签中。移动浏览器不会将这些div识别为用于数据输入的东西,并且由于它不调用键盘,因此用户无法输入数据。

我可以使用 Javascript 或其他方法将这些 div 更改为其他将调用移动键盘的 html 标签吗?

请参考 microsoft OneDrive 的代码片段

<div id="myExcelDiv" style="width: 200px; height: 250px"></div>
<script type="text/javascript" src="http://r.office.microsoft.com/r/rlidExcelWLJS?v=1&kip=1"></script>
<script type="text/javascript">

var fileToken = "SDD03D60E1D5E574B7!119/-3441488017168698185/t=0&s=0&v=!ACF_FBbpHVUZBh8";

// run the Excel load handler on page load
if (window.attachEvent) {
    window.attachEvent("onload", loadEwaOnPageLoad);
} else {
    window.addEventListener("DOMContentLoaded", loadEwaOnPageLoad, false);
}

function loadEwaOnPageLoad() {
    var props = {
        item: "'Sheet1'!C4:D14",
        uiOptions: {
            showDownloadButton: false,
            showGridlines: false,
            showParametersTaskPane: false
        },
        interactivityOptions: {
            allowParameterModification: false,
            allowSorting: false,
            allowFiltering: false,
            allowPivotTableInteractivity: false
        }
    };

    Ewa.EwaControl.loadEwaAsync(fileToken, "myExcelDiv", props, onEwaLoaded);
}

function onEwaLoaded(result) {
    /*
     * Add code here to interact with the embedded Excel web app.
     * Find out more at http://msdn.microsoft.com/en-US/library/hh315812.aspx.
     */
}
</script>
Run Code Online (Sandbox Code Playgroud)

Rya*_*egg 0

Office Web Apps 仅充当电话类型设备上的查看器。您将看到,对于智能手机设备,仅列出了 Office Web Apps 的“查看者”方案。对于平板电脑和台式电脑,它们具有完整的查看/编辑功能。