这个文本输入框开始没有获得焦点的话,选中时就有焦点(focus)事件和点击(click)事件
如果这个文本框已经被选中后,再点击就只会出现点击(click)事件了
<script type="text/javascript">arr = new Array()
function selTD(obj)
{
for(var i in arr)
{
if(obj.innerHTML==arr[i])
{
alert("已经被选过了!")
return
}
}
alert("选中一个")
arr.push(obj.innerHTML)
}
function showSel(){
for(var i in arr)
{
alert("arr["+i+"]="+arr[i])
}
}
</script>
<table id=t1 border="1" width="90%">
<tr>
<td id=td11 colspan="3" align="center">8ʱ</td>
<td id=td11 colspan="3" align="center">9ʱ</td>
</tr>
<tr>
<td id=td81 onclick="selTD(this)" height="50">时间1</td>
<td id=td82 onclick="selTD(this)">时间2</td>
<td id=td83 onclick="selTD(this)">时间3</td>
<td id=td91 onclick="selTD(this)" height="50">时间4</td>
<td id=td92 onclick="selTD(this)">时间5</td>
<td id=td93 onclick="selTD(this)">时间6</td>
</tr>
</table>
<button onclick="showSel()">查看已选中的</button>
要做一个功能就是在一个div中选中一段文字,然后把选中的加个背景。function getSelectedText() {
if (window.getSelection) {
return window.getSelection().toString()
}else if (document.getSelection) {
return document.getSelection()
}else if (document.selection) {
return document.selection.createRange().text
}
}
function Test(){
var t=getSelectedText()
if(t.length>0){
var content=document.getElementById('repFirstpage').innerHTML
__global_notes__count++
content=content.replace(t,"<span style='background-color:#ff0000'><strong>["+__global_notes__count+"]</strong>"+t+"</span>") document.getElementById('repFirstpage').innerHTML=content
$('#divNotes').show(100)
$("#txtNotes").select()
}
}