输入文本和按钮字段在Firefox中不起作用

Question

我正在使用某些使用JQUERY小部件的应用程序。在那个小部件中有一些输入字段，如文本，textarea和按钮。我只能通过TAB访问这些字段，但用鼠标直接点击就无法完成。这款应用在Chrome上运行良好。 简单的html与这些领域的作品，但是当我在js文件中添加这些领域，然后调用其他js文件中的这些文件，这些领域不适用于Firefox。

这是js文件：

var AddNewDepartment = "<br />\ 
<form>\ 
<table class='AddNewDepartment-table'>\ 
<tr>\ 
<td>\ 
Department Name:<span style='color: red'>*</span>&nbsp;\ 
<input type='text' name='departmentName' id='departmentName' class='expanded-input-text' />\ 
<input type='button' name='save' id='save' onclick='createDepartment()' Value='Save' class='newDepartment-submit' />\ 
<input type='button' name='cancel' Value='Cancel' class='newDepartment-submit' />\ 
</td>\ 
</tr>\ 
</table>\ 
</form>\ 
"; 

请，我需要帮助解决这个问题。

Answer 1

从您的文章，似乎你的页面加载后动态即追加的形式DOM。在那你需要为它们委派事件处理。

您可以.on()尝试像以下：

$(document).on('click', 'form AddNewDepartment-table input,form AddNewDepartment-table textarea', function() { 

// your code 

}); 

对委托事件处理的.on()语法是：

$(StaticParent).on(eventName, targets, handlerFunction); 

这里StaticParent意味着DOM元素，它不是动态的，属于DOM在页面加载。 eventName可能被空间分隔以进行多个事件绑定。