jquery attr("onclick",function()) 自动触发onclick事件生成行，导致死循环

2011-09-07 08:53:26 932 阅读 AI 写同款 · GEO 优化AI 选题数据监测一键分发 ›

jQuery事件系统核心原理：委托、标准化与跨浏览器兼容事件处理是前端交互的基石，其本质是监听用户行为并触发响应逻辑。原生DOM事件存在单播覆盖、浏览器差异、监听器注册分裂等底层缺陷，导致兼容性差、维护成本高。jQuery通过事件委托实现动态元素零绑定、事件对象标准化统一target/which等属性、命名空间支持精准解绑、生命周期钩子控制触发语义，构建起健壮的事件操作系统。这些机制不仅解决了IE与现代浏览器的兼容难题，更成为Vue、React等框架事件设计的思想源头。本文聚焦事件委托与事件对象标准化两大核心热词，解析其在真实业务场景（如动态列表操作、表单验证、阅读详情



function createRowItem(rowId)

{

   var rows=$("#tab_OrderDetail tr");

   var rowLen=rows.length;

   var rowN= rowId+1;

   if(rowN==rowLen)

    {

    var tr=$("<tr>").append("<td>"+rowN+"</td><td><input type=\"text\" id=\"truckName_"+rowN+"\"/></td><td><input type=\"text\" id=\"truckCode_"+rowN+"\"/></td><td><select id=\"truckType_"+rowN+"\"><option >0</option></select></td><td><input type=\"text\" id=\"configuration_"+rowN+"\"/></td><td><input type=\"text\" id=\"price_"+rowN+"\"/></td><td><input type=\"text\" id=\"Amount_"+rowN+"\"/></td><td><input type=\"text\" id=\"totalMoney_"+rowN+"\"/></td><td><select id=\"consignType_"+rowN+"\"><option>0</option></select></td><td><input type=\"text\" id=\"consignTime_"+rowN+"\"/></td>");

      tr.attr("id", (rowN));

      $("#tab_OrderDetail").append(tr);

      $("#consignTime_"+rowN+"").attr("onclick",createRowItem(rowN));

   }else{ return;}

}

...全文