Javascript 如何获取标签的文本更改值？

我一直在尝试使用这个核心，但无法将更改文本值带到控制台。 请访问此链接获取示例：

您可以这样尝试：

<p class="postal">
  <label contenteditable="true" class="tabValue">post code</label>
  <label contenteditable="true" class="tabValue">post code</label>
</p>

$(document).ready(function() {
$('.tabValue').change(function() {
    console.log(this.innerText);
   });
});

在jquery中使用.text

value = $(this).text(); 

---

您计划如何更改标签？也许你想用点击

$(document).ready(function() {
    $('#tabValue').focusout(function() {
        console.log($(this).text());
    });
});

尝试使用输入/模糊事件；更改事件不会在contenteditable元素上触发

var currVal={}； $document.readyfunction{ $'.tabValue'。在“模糊”函数上{ ifcurrVal[this]==this.innerText{ //不要调用数据库 } 否则{ currVal[this]=this.innerText； console.logthis.innerText； //呼叫数据库 } }; };

邮政编码 邮政编码

---

这里我展示了点击标签更改文本及其对我的作用

$('.tabValue').on('blur input',function() {
    console.log(this.innerText);
});

---

使用$this.text我对keyupThanks了解不多，但这种方法的问题是我想将标签的新值更改为数据库。如果我使用模糊，每当标签失去焦点时，它总是会击中数据库。谢谢你的回答，但这种方法的问题是，我想将标签的新值更改为数据库。如果我使用click，每当单击标签时，它都会命中数据库。所以我在寻找一种方法，只有当标签的值改变时，它才会进入数据库。好吧，要改变标签文本，你需要一些东西来初始化这个改变，任何元素动作。您的代码中没有此类操作。

$('.tabValue').on('blur input',function() {
    console.log(this.innerText);
});

$(document).ready(function() 
{
    $('#tabValue').click(function() {
        $("#tabValue").text('Text changed');
    });
})