Question

我有一个HTML页面，其中div有contenteditable="true"个tabindex。我还按顺序设置div，这样当用户点击标签时，他或她将浏览所有可编辑的div。但是，现在我有＆＃34;在这里插入笔记＆＃34;写在每个<div contenteditable="true" tabindex='1'>Insert notes here<div> <div contenteditable="true" tabindex='2'>Insert notes here<div> <div contenteditable="true" tabindex='3'>Insert notes here<div>内（见下文）。

div

我试图摆脱＆＃34;在这里插入笔记＆＃34;用户选中function selectText(containerid) { if(document.getElementById(containerid).innerHTML == "Insert notes here") { document.getElementById(containerid).innerHTML = ""; } }时的文本。现在，如果他们使用以下jQuery点击它，我就能摆脱文本：

`class`

有没有办法达到相同的效果，但也有用户使用标签？

Answer 1

听起来像是在寻找onfocus事件

http://www.w3schools.com/jsref/event_onfocus.asp

在jquery中：

$("#fieldId").focus(function() {
    //your code here 
});

Answer 2

试试这个工作代码段

$(document).on('keyup, focus', '.editor', function(e) {

  this.innerHTML = "";

  //detect 'tab' key
  if (e.keyCode == 9) {
    //add tab
    this.innerHTML = "";

    //prevent focusing on next element
    e.preventDefault()
  }
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div contenteditable="true" class="editor" tabindex='1'>1
</div>
<div contenteditable="true" class="editor" tabindex='2'>2
</div>
<div contenteditable="true" class="editor" tabindex='3'>3
</div>

检查元素何时被选中/选项卡

2 个答案: