Javascript “有麻烦”;“鼠标”;一旦DOM被更新

Javascript “有麻烦”;“鼠标”;一旦DOM被更新,javascript,jquery,html,dom,Javascript,Jquery,Html,Dom,我正在编写一个函数,每当我从表行内部释放鼠标(mouseup)时,该函数都会被触发。这是使用jquery实现的:$('textarea').mouseup(函数(e){…code}) 除了在表中添加新行外,其他一切都正常。添加新行后,似乎没有检测到mouseup事件。 请参阅链接中的代码并执行以下操作: 1.在Col2或Col3中编写一些文本 2.突出显示文本。预期:将显示带有文本的警报。 3.按“添加行”按钮,编写内容并突出显示文本。未显示预期的警报 谢谢 使用这个$(document).o

我正在编写一个函数,每当我从表行内部释放鼠标(mouseup)时,该函数都会被触发。这是使用jquery实现的:
$('textarea').mouseup(函数(e){…code})
除了在表中添加新行外,其他一切都正常。添加新行后,似乎没有检测到mouseup事件。
请参阅链接中的代码并执行以下操作:
1.在Col2或Col3中编写一些文本
2.突出显示文本。预期:将显示带有文本的警报。
3.按“添加行”按钮,编写内容并突出显示文本。未显示预期的警报

谢谢

使用这个
$(document).on('mouseup',selector,function(){})

使用此
$(文档).on('mouseup',selector,function(){})

您可以。我将如何编写您的javascript

$('table').on('mouseup', 'textarea', function({
  console.log('I work!');
});
你可以。我将如何编写您的javascript

$('table').on('mouseup', 'textarea', function({
  console.log('I work!');
});
你可以试试这个

$(document).on('mouseup','textarea',function(){
});
这对你有帮助。 继续编码:)

你可以试试这个

$(document).on('mouseup','textarea',function(){
});
这对你有帮助。
继续编码:)

尝试使用。在('mouseup')上,请不要在代码注释中包含链接。输入链接时,请将代码作为警告。此外,这是一个副本。不用担心新的HTML是通过AJAX加载的;同样的问题。请尝试使用。在('mouseup')上,请不要在代码注释中包含链接。输入链接时,请将代码作为警告。此外,这是一个副本。不用担心新的HTML是通过AJAX加载的;这也是同样的问题。我认为让事件委托尽可能具体化是一个好主意,而不是随意绑定到
文档。在本例中,如果页面上的其他地方有另一个
(如“联系我”表单或其他内容),则其上的
鼠标也将触发一个显然仅针对该表的事件。在我看来,最好使用
$('table')
来代替。我没有读到“在表内”的部分,因此你是对的。我认为最好使事件委派尽可能具体,而不是随意绑定到
文档。在本例中,如果页面上的其他地方有另一个
(如“联系我”表单或其他内容),则其上的
鼠标也将触发一个显然仅针对该表的事件。在我看来,最好使用
$('table')
。我没有读到“在一张桌子里”的部分,所以你回答了另一个问题。我有一个向表中添加更多行的函数。在textarea字段中输入信息后,我想克隆表并用替换每个表。我现在的问题是,每个文本区域内的信息都没有被复制。它只是复制表格,而不是文本区域内的内容。克隆主表的新代码:$(document).on('click','#rep',function(){var tentable=$('#masterTable');var temClone=$(“”)。append(tentable.clone()).html();var rep=temClone.replace(“textarea”,“p”);$(“#a”).html(rep););有什么解决这个问题的建议吗?@Joel,你能提出一个新问题(使用jsFiddle)并发布一个链接吗?我认为这个评论区没有足够的空间提供正确的答案。另一个问题。我有一个向表中添加更多行的函数。在textarea字段中输入信息后,我想克隆表并用替换每个表。我现在的问题是,每个文本区域内的信息都没有被复制。它只是复制表格,而不是文本区域内的内容。克隆主表的新代码:$(document).on('click','#rep',function(){var tentable=$('#masterTable');var temClone=$(“”)。append(tentable.clone()).html();var rep=temClone.replace(“textarea”,“p”);$(“#a”).html(rep););有什么解决这个问题的建议吗?@Joel,你能提出一个新问题(使用jsFiddle)并发布一个链接吗?我认为这个评论区没有足够的空间来提供正确的答案。