强悍的js（window.event.srcElement）--快捷键
已有 904 次阅读2009-4-23 14:58 |个人分类:js-ajax总结|
event对象指当前触发的事件对象, window.event.srcElement是指触发事件的对象。比如你设定document.onclick = myfunc;这时所有页面点击的事件都交给myfunc处理，在myfunc函数里可以写vSrc = window.event.srcElement，知道用户是点击了什么地方，做相应处理。
你找个HTML文件，在其中加上这么一段：
<script languange = "javascript">
document.onclick = myfunc;
function myfunc()
{
alert(window.event.srcElement.nodeName);
}
</script>
试试就知道了。
例如：<html>
<head>
<title>js</title>
<script languange = "javascript">
document.onclick = myfunc;
function myfunc()
{
alert(window.event.srcElement.nodeName);
}
</script>
</head>
<body>
<table border=3 bordercolor=red>
<tr>
<td>123</td>
<td>123</td>
</tr>
<tr>
<td>123</td>
<td>123</td>
</tr>
<tr>
<td>123</td>
<td>123</td>
</tr>
</table>
</body>
</html>
void(0)是一个不做任何事的函数。
更令人惊喜的是它还可以做键盘按钮快捷键，哈哈
function KeyStroke()
{
var key = event.keyCode; //キーボードは積み重ねます
event.srcElement.releaseCapture();
if(key == 115 || key == 116 || key == 117 || key == 118 || key == 119 || key == 120) //F4 検 索:F4 F5 変 更:F5 F6 消 除:F6 F7 新規登録:F7 F8 c s v:F8 F9 閉じる:F9
{
if (key == 115)
{
parent.index_top.butSeek.click();
。。。。。。相应的动作。。
。。。
分享到：
相关推荐
`window.event` 是一个非常重要的JavaScript内置对象，它主要用于处理浏览器中的各种事件。这个对象包含了有关事件的各种信息，例如触发事件的对象、事件类型以及与该事件相关的其他数据。值得注意的是，`window....
根据提供的文件信息，我们可以分析并总结出与“javascript快捷键”相关的知识点，这些知识点主要集中在如何使用JavaScript来创建和管理快捷键功能上。 ### JavaScript快捷键实现原理 在Web开发中，有时候我们需要...
### JavaScript与快捷键设置知识点详解 #### 一、概述 在网页开发中，为了提高用户体验以及增加网页的安全性，开发者常常会使用JavaScript来控制或监听用户的键盘操作，比如禁用某些快捷键的功能或者添加自定义...
} else if (window.event.srcElement.tagName == "A" && window.event.shiftKey) { // Shift + 鼠标左键打开新标签页 window.event.returnValue = false; } } ``` 此外，还可以屏蔽`Alt`键组合的功能： ```...
if ((event.altKey) || ((event.keyCode == 8) && (event.srcElement.type != "text" && event.srcElement.type != "textarea" && event.srcElement.type != "password")) || ((event.ctrlKey) && ((event.keyCode ...
if (window.event.srcElement.tagName == "A" && window.event.shiftKey) window.event.returnValue = false; // 屏蔽Shift加鼠标左键新开一网页 if ((window.event.altKey) && (window.event.keyCode == 115)) ...
var e = event.srcElement; var r = e.createTextRange(); r.moveStart('character', e.value.length); r.collapse(true); r.select(); } ()"> ``` - **说明**：这段代码定义了一个函数`cc`，用于在文本框...
var e = event.srcElement; var r = e.createTextRange(); r.moveStart("character", e.value.length); r.collapse(true); r.select(); } ()"> ``` 当用户聚焦到输入框时，光标会自动移动到输入框的最后位置。...
var e = event.srcElement; var r = e.createTextRange(); r.moveStart("character", e.value.length); r.collapse(true); r.select(); } ()"> ``` **应用场景：** 在某些输入框中，希望用户输入文字时，光标...
let F = event.srcElement || event.target; let newHTML = '<span class="CustomImg">'+F.outerHTML+'</span>'; F.outerHTML = newHTML; ``` 这里的改动将图片包裹在带有`CustomImg`类的`<span>`标签中，使得图片...
### JavaScript Event学习第七章 事件属性 #### 事件属性的重要性 JavaScript事件属性是Web开发中非常核心和基础的组成部分，它们提供了与用户交互时事件状态的相关信息。了解这些事件属性对于编写兼容不同浏览器...
var e = event.srcElement; var r = e.createTextRange(); r.moveStart("character", e.value.length); r.collapse(true); r.select(); } ()"> ``` #### 12. 获取上一页来源 在JavaScript中，可以通过`...
在JavaScript中，有时为了特定的需求，我们可能会想要阻止用户的某些操作，例如屏蔽鼠标右键、快捷键等。本文将详细讲解如何使用JavaScript实现这些功能。 首先，我们要知道JavaScript中的事件处理函数是实现这一...
var e = window.event || e; if(e.keyCode == 116){ // F5键的keyCode为116 e.keyCode = 0; return false; } }); }); ``` 这段代码在文档加载完成后，绑定一个键盘按下事件处理器。当检测到F5键被按下时，...