如何在 Dynamics CRM 中操作 HTML-Web 資源

Question

我有一個用於 Dynamics CRM 的網絡資源。 該項目將上傳到 AppSource。 它由一個 .html- 和一個 .js- 文件組成。 如果我嘗試在 .js 文件中使用 document.getElementById 獲取 .html 文件的元素，則會收到錯誤消息，即不支持 DOM 操作。

如何使用 .js 文件操作我的 .html 文件？

如何注冊點擊事件？

我希望你能在那里幫助我。

編輯

我剛剛解決了第一個問題：

要訪問 DOM 元素，我需要使用以下代碼：

Xrm.Page.getControl(WEBRESOURCE_NAME).getObject().contentDocument.getElementById(id);

但是如何在元素上注冊事件？

編輯 2

我試圖注冊這樣的事件：

element.ondragenter = function() {...}

像這樣：

element.addEventListener("change", function() {...})

兩行都得到相同的錯誤：

'element.onclick = functionName' 注冊或取消注冊模型驅動應用程序的文檔對象模型 (DOM) 事件的句柄。 此技術在 Dynamics 365 和 PowerApps 的所有版本中均不受支持，應替換為支持的注冊客戶端事件處理程序的方法。

編輯 3

我找到了事件注冊的解決方案（請參閱我自己的答案）。 現在我遇到了問題，我在我的 .js 腳本中使用了 FileReader，它使用了 onloadend 和 onerror 事件。 當然，由於上述錯誤，crm 不允許我在文件中注冊事件。

Answer 1

解決方案是從 .html 而不是從 .js 注冊事件。

 <div class="DropArea" id="DropArea" ondrop="OnDrop(event)">