Javascript中,当鼠标点击选中某个文本输入框时,该文本框可以响应什么事件

JavaScript018

Javascript中,当鼠标点击选中某个文本输入框时,该文本框可以响应什么事件,第1张

这个文本输入框开始没有获得焦点的话,选中时就有焦点(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()

}

}