用于隐藏元素的JavaScript addEventListener

想要上面的javascript代码

我正在这样努力

$('.inlineData :hidden').change(function(e) { });

var-aTags=document.getElementsByClassName（“inlineData”）；
对于（var i=0；i

---

这是在页面级别生成的代码。对于不同的字段，它会生成不同的代码。AccountType是一个选择列表，因此它会生成选择列表。如果字段是文本类型字段，则它会生成输入框，而不是选择列表。使用您要针对的元素类型？以及，您希望如何进行“更改”要在隐藏元素上触发的事件？请向我们显示您针对的HTML？var aTags=document.queryselectoral（“inlineData.hidden”）；用于（var i=0；iHi@jfriend00@rayon dabre

实际上

apex:inlineEditSupport

生成隐藏元素。我想为这些隐藏元素绑定addEventListener注释中的多行HTML或代码不太可读。请将其添加到您的问题中h“编辑”链接。另外，请添加实际生成的HTML（因为Javascript会看到），而不是您的模板文件。您可以从浏览器的视图/源代码中获取生成的HTML。使用您要针对的元素类型？以及，您希望如何进行“更改”要在隐藏元素上触发的事件？请向我们显示您针对的HTML？var aTags=document.queryselectoral（“inlineData.hidden”）；用于（var i=0；iHi@jfriend00@rayon dabre

实际上

apex:inlineEditSupport

生成隐藏元素。我想为这些隐藏元素绑定addEventListener注释中的多行HTML或代码不太可读。请将其添加到您的问题中h“编辑”链接。并且，请添加实际生成的HTML（因为Javascript会看到），而不是您的模板文件。您可以从浏览器中的View/Source获取生成的HTML。

var aTags = document.getElementsByClassName("inlineData");
for (var i=0;i<aTags.length;i++){
      aTags[i].addEventListener("change", function() {
          console.log('anchor');
    });
}

<td class="inlineData">
   <apex:outputField value="{!objAccount.AccountType}">
        <apex:inlineEditSupport event="ondblclick" />
   </apex:outputField>
</td>

<td class="inlineData">
   <span id="j_id0:frmId:j_id23:j_id24:j_id33:0:j_id37:0:j_id39">
   <div class="inlineEditDiv" id="j_id0_frmId_j_id23_j_id24_j_id33_0_j_id37_0_j_id39_ileinneredit" style="display: block;">
  <span>
   <select id="j_id0_frmId_j_id23_j_id24_j_id33_0_j_id37_0_j_id39">
      <option value="">--None--</option>
      <option value="Sales Prospect">Sales Prospect</option>
      <option value="NPD Customer">NPD Customer</option>
      <option value="Partner/Cooperator Prospect">Partner/Cooperator Prospect</option>
      <option value="Partner/Cooperator">Partner/Cooperator</option>
      <option value="Press">Press</option>
      <option value="Other">Other</option>
      <option value="Inactive">Inactive</option>
      <option value="Parent">Parent</option>
    </select>
  </span>
        <a class="inlineEditUndoLink" title="Undo" href="javascript:sfdcPage.getInlineEditData('j_id0_frmId_j_id23_j_id24_j_id33_0_j_id37_0_j_id39').resetFieldById('j_id0_frmId_j_id23_j_id24_j_id33_0_j_id37_0_j_id39');" style="display: inline;">
       <img width="16px" height="16px" src="/s.gif" alt="Undo" class="inlineEditUndo"></a>
   </div>
   </span>
 </td>