<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=GBK" />
<title>Demo</title>
</head><body style="width:2000px; height:1000px;">
<input type="text" name = 'test' id='testevent'/>
<div id="demo" style="position:absolute; left:518px; right:100px; width:500px; height:500px; background:#CC0000; top: 114px;">Demo为了方便就直接用绝对定位的元素</div>
</body>
</html>
<script>
var i=0;
//document.onclick = function (){
// alert('body click');
//}
var txtObj = document.getElementById('testevent');
document.getElementById('demo').onclick=function (){
for(var i=0;i<10;i++){
txtObj.value = txtObj.value+i;//为这样赋值不会触发 onchange 事件
}
//if (document.documentElement.getBoundingClientRect) {
// alert("left:"+this.getBoundingClientRect().left)
// alert("top:"+this.getBoundingClientRect().top)
// alert("bottom:"+this.getBoundingClientRect().bottom)
// var X= this.getBoundingClientRect().left+document.documentElement.scrollLeft;
// var Y = this.getBoundingClientRect().top+document.documentElement.scrollTop;
// alert("Demo的位置是X:"+X+";Y:"+Y)
// }
}
txtObj.onclick = function (){
//alert('onclick');
}
txtObj.onmousedown = function (){
alert('onmousedown');
}
txtObj.onmouseup = function (){
alert('onmouseup');
}
txtObj.onchange = function (){
alert('onmouseup');
}
txtObj.onblur = function (){
alert('onblur');
}
txtObj.onfocus = function (){
alert('onfocus');
}
//txtObj.onkeydown = function (){
// alert('onkeydown');
//}
//txtObj.onkeyup = function (){
//alert('onkeyup');
//}
</script>
有什么办法让上面的事件会触发,能触发多事件,就触发多少事件
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=GBK" />
<title>Demo</title>
</head><body style="width:2000px; height:1000px;">
<input type="text" name = 'test' id='testevent'/>
<div id="demo" style="position:absolute; left:518px; right:100px; width:500px; height:500px; background:#CC0000; top: 114px;">Demo为了方便就直接用绝对定位的元素</div>
</body>
</html>
<script>
var i=0;
//document.onclick = function (){
// alert('body click');
//}
var txtObj = document.getElementById('testevent');
document.getElementById('demo').onclick=function (){
for(var i=0;i<10;i++){
txtObj.value = txtObj.value+i;//为这样赋值不会触发 onchange 事件
}
//if (document.documentElement.getBoundingClientRect) {
// alert("left:"+this.getBoundingClientRect().left)
// alert("top:"+this.getBoundingClientRect().top)
// alert("bottom:"+this.getBoundingClientRect().bottom)
// var X= this.getBoundingClientRect().left+document.documentElement.scrollLeft;
// var Y = this.getBoundingClientRect().top+document.documentElement.scrollTop;
// alert("Demo的位置是X:"+X+";Y:"+Y)
// }
}
txtObj.onclick = function (){
//alert('onclick');
}
txtObj.onmousedown = function (){
alert('onmousedown');
}
txtObj.onmouseup = function (){
alert('onmouseup');
}
txtObj.onchange = function (){
alert('onmouseup');
}
txtObj.onblur = function (){
alert('onblur');
}
txtObj.onfocus = function (){
alert('onfocus');
}
//txtObj.onkeydown = function (){
// alert('onkeydown');
//}
//txtObj.onkeyup = function (){
//alert('onkeyup');
//}
</script>
有什么办法让上面的事件会触发,能触发多事件,就触发多少事件
我是想:赋值给文本框,同时尽可能触发文本框的事件
txtObj = '21212' 这句赋值的同时,要触发它的事件比如onchange onfouc onblur 等事件一句话:就通过txtObj = '21212' 赋值,又要模拟成就像人通过键盘输入的一样