event.CtrlKey可以捕捉ctrl键盘事件,其它该怎么操作?
解决方案 »
- 弹出层,弹出后,非对话框区域变暗
- Jquery换肤(带Cookie存取)代码的问题?本人资历有限,望大虾帮助!
- 得到XML数据怎么拿到里面的内容,alert出来是object XMLdocument
- js实现拖动div但效果很卡
- 如何用js控制让指定的图层显示在最上层,我将z-index的值设成最大也没用
- this.EditingArea' 为空或不是对象
- 关于web使用特殊字体的问题
- sigma grid+struts2
- js如何修改onclick的其中一部分的事件值,其他不变
- 隐藏表格中的文本框当鼠标经过时显示可以写内容。。。。。。
- ▄︻┻┳═一如何刷新这样的页面,解决问题立即结贴一═┳┻︻▄
- 如何判断两个element的内容是否相同?
if (window.event){
alert(window.event.ctrlKey);
}else{
alert(e.ctrlKey);
}
}
document.onclick = keyShow;
基本思路就这样了,if else里省略n行
事件就用:
document.keydown = f_keydown;function f_keydown(){
if(event.keyCode == 17){
//点击时候将对应ID的BGCOLOR切换,再点就可以读会primaryColor设回原来的颜色
//记录你点过的内容就行了
}
}
.tdChange{
cursor:hand;
background-color:red;
}
.tdDefault{
cursor:hand;
background-color:white;
}
</style>
<script>
document.onkeydown=function(){
if (event.ctrlKey){
document.onclick = function(){
if (event.srcElement.tagName=="TD"){
event.srcElement.className == "tdDefault"?event.srcElement.className ="tdChange":event.srcElement.className ="tdDefault"
}
}
}
}
function fnc(){
var objTd=document.getElementById("tabA").getElementsByTagName("TD");
for (var i=0;i<objTd.length;i++){
if (objTd[i].className == "tdChange"){
alert (objTd[i].innerText)
}
}
}
</script>
<table id="tabA">
<tr>
<td class="tdDefault">1</td>
<td class="tdDefault">2</td>
<td class="tdDefault">3</td>
<td class="tdDefault">4</td>
<td class="tdDefault">5</td>
<td class="tdDefault">6</td>
<td class="tdDefault">7</td>
</tr>
<tr>
<td class="tdDefault">8</td>
<td class="tdDefault">9</td>
<td class="tdDefault">10</td>
<td class="tdDefault">11</td>
<td class="tdDefault">12</td>
<td class="tdDefault">13</td>
<td class="tdDefault">14</td>
</tr>
</table>
<button onclick="fnc();">show me the value</button>
来凑个热闹!TO: wxylvmnn(城隍庙三当家的) 大哥为什么要去城隍庙当家啊~~~~~~~~~~~~~~~
.tdChange{
cursor:hand;
background-color:Highlight;
}
.tdDefault{
cursor:hand;
background-color:white;
}
</style>
<script>document.onkeydown = function(){
if (event.ctrlKey){
document.onclick = function(){
if (event.srcElement.tagName=="TD"){
event.srcElement.className == "tdDefault"?event.srcElement.className ="tdChange":event.srcElement.className ="tdDefault";
}
}
}
}document.onkeyup = function(){
document.onclick = function(){
var objTa = document.getElementById("tabA");
var objTd = objTa.getElementsByTagName("TD");
if (event.srcElement.tagName=="TD"&&event.srcElement.className=="tdChange"){
var text = "";
for (var i=0;i<objTd.length;i++){
if (objTd[i].className == "tdChange"){
text += '|' + objTd[i].innerText + '| ';
}
}
if (text && text!=""){
alert(text);
}
} else {
for (var i=0;i<objTd.length;i++){
objTd[i].className = "tdDefault";
}
}
}
}
</script>
<table id="tabA">
<tr>
<td class="tdDefault">1</td>
<td class="tdDefault">2</td>
<td class="tdDefault">3</td>
<td class="tdDefault">4</td>
<td class="tdDefault">5</td>
<td class="tdDefault">6</td>
<td class="tdDefault">7</td>
</tr>
<tr>
<td class="tdDefault">8</td>
<td class="tdDefault">9</td>
<td class="tdDefault">10</td>
<td class="tdDefault">11</td>
<td class="tdDefault">12</td>
<td class="tdDefault">13</td>
<td class="tdDefault">14</td>
</tr>
</table>
.tdChange{
cursor:hand;
background-color:red;
}
.tdDefault{
cursor:hand;
background-color:white;
}
</style>
<script>
document.onkeydown=function(){
document.onclick = function(){
if (event.ctrlKey){
if (event.srcElement.tagName=="TD"){
event.srcElement.className == "tdDefault"?event.srcElement.className ="tdChange":event.srcElement.className ="tdDefault"
}
}
}
}
function fnc(){
var objTd=document.getElementById("tabA").getElementsByTagName("TD");
for (var i=0;i<objTd.length;i++){
if (objTd[i].className == "tdChange"){
alert (objTd[i].innerText)
}
}
}
</script>
<table id="tabA">
<tr>
<td class="tdDefault">1</td>
<td class="tdDefault">2</td>
<td class="tdDefault">3</td>
<td class="tdDefault">4</td>
<td class="tdDefault">5</td>
<td class="tdDefault">6</td>
<td class="tdDefault">7</td>
</tr>
<tr>
<td class="tdDefault">8</td>
<td class="tdDefault">9</td>
<td class="tdDefault">10</td>
<td class="tdDefault">11</td>
<td class="tdDefault">12</td>
<td class="tdDefault">13</td>
<td class="tdDefault">14</td>
</tr>
</table>
<button onclick="fnc();">show me the value</button>