如何通过js从sharepoint人员编辑器文本框中获取输入值（未检查值）？

Question

我在通过 js 从共享点人员编辑器获取输入值时遇到问题。

通常，我们可以通过以下代码从该控件中获取值：

 var user;
    var pe = document.getElementById('<%=peStaffAccount.ClientID %>').getElementsByTagName('div');
    var i;
    var peopleEnt;
    for (i in pe) {
        if (pe[i].id != null) {
            if (pe[i].id == 'divEntityData' && pe[i].description != null) {
                peopleEnt = pe[i]
            }
        }

    }
// this is the value from this textbox but only after we click checked user
alert(peopleEnt .description)

我的问题是，当我直接在该文本框中输入一些值时，如何获取该值？ 请参阅下图，我的输入值..我想得到这个...

Answer 1

在 JavaScript 中使用人员选择器是非常糟糕的。您输入的实际控件实际上是一个内容可编辑的 div。它将有一个 ID，即您的控件的 ID，后跟 _upLevelDiv。您需要抓住它，然后解析其中的内容。

您发布的代码实际上是在处理解析实体时创建的嵌套 div。这些 div 包含在 upLevelDiv 中。

如果控件中只有文本（如屏幕截图所示），那么这非常简单。如果您混合了文本和已解析的实体，那么情况会更复杂，因为 div 中同时存在文本和 html。

注意：以上所有内容仅适用于 IE，在其他浏览器中它使用文本区域（在 IE 中隐藏）。

Answer 2

我不确定我是否正确理解了这个问题。

您可以将 KeyPress 事件绑定到文本框，以便在单击选中的用户按钮之前键入时实时获取文本。

    yourTextField.onKeyPress = function(){
          var txt = yourTextField.value;
    }

Answer 3

使用以下命令来调查呈现的页面：

1. 使用“查看源代码”来确保 getElementById('<%=peStaffAccount.ClientID %>') 被服务器正确替换为有效的 ClientID。

2. 使用浏览器的调试器（IE9 中的 F12，Chrome 中的开发人员工具）检查 DOM 是否存在该 ClientID 的元素

3. 使用相同的工具，观察调试工具报告的任何脚本错误（否则浏览器会默默地忽略这些错误）。