Js中的this和window.event.srcElement

我们先看一个简单的例子：

<input type="text" οnblur="alert(this.value)"/>完全没有问题。

那么什么情况下不可以用？

fuction method()

{

alert(this.value);

}

<input type="text" οnblur="method()"/>这个就不可以，因为method()是被响应函数调用的函数。

那么这种情况下怎么办？

方法一:

fuction method(btn)

{

alert(btn.value);

}

<input type="text" οnblur="method(this)"/>没问题！

方法二：

fuction method()

{

alert(window.event.srcElement.value);

}

<input type="text" οnblur="method()"/>没问题！window.event.srcElement取得触发事件的控件

我们在看一个稍微绕一点的例子

<head>
    <script type="text/javascript">
        function InitEvent() {
            var inputs = document.getElementsByTagName_r("input");
            for (var i = 0; i < inputs.length; i++) {
                inputs[i].onblur = OnblurEvent;
            }
        }

function OnblurEvent() {
            // OnblurEvent是onblur的响应函数，而不是被响应函数调用的函数
            // 所以可以用this来获取发生事件的对象
            if (this.value.length > 0) {
                this.style.backgroundColor = "white";
            }
            else {
                this.style.backgroundColor = "red";
            }
        }
    </script>
</head>
<body οnlοad="InitEvent()">
    <input id="Text1" type="text" />
    <input id="Text2" type="text" />
    <input id="Text3" type="text" />
</body>
</html>

正如红色注释解说，上面可以用this获得当前触发事件的input。

Js中的this和window.event.srcElement相关推荐

window.event.srcElement在Firefox IE下的兼容问题
在 ie中处理事件直接使用window.event对象即可,但在firefox中,是没有 window.event对象的,函数需要使用事件的时候,需要在事件发生时把事件作为参数传递给函数,不象在ie中 ...
window.event.srcElement
<input type=button value=ok οnclick="mm()"> <s cript LANGUAGE="Javas cript&q ...
JavaScript:window.event.srcElement（指触发事件的对象）
event对象指当前触发的事件对象, window.event.srcElement是指触发事件的对象. srcelement 是事件初始目标的html元素对象引用,因为事件通过元素容器层次冒泡,可以 ...
js中DOM, DOCUMENT, BOM, WINDOW 区别
全栈工程师开发手册 (作者:栾鹏) js系列教程6-BOM操作全解 js系列教程7-DOM操作全解 js中DOM, DOCUMENT, BOM, WINDOW 区别 DOM 全称是 Document ...
window.event.srcElement (转)
srcElement event.srcElement指向触发事件的node元素用于确定事件源是事件初始目标的html元素对象引用,因为事件通过元素容器层次冒泡,可以在任一层进行处理, ...
JS中window.event事件使用详解
一.描述 event代表事件的状态,例如触发event对象的元素.鼠标的位置及状态.按下的键等等. event对象只在事件发生的过程中才有效. event的某些属性只对特定的事件有意义.比如:from ...
JS中的event 对象详解
JS中的event 对象详解 JS的event对象 Event属性和方法: 1. type:事件的类型,如onlick中的click: 2. srcElement/target:事件源,就是发生事件的 ...
冇内容管理系统分析-[JS]详尽解析window.event对象
描述 event代表事件的状态,例如触发event对象的元素.鼠标的位置及状态.按下的键等等. event对象只在事件发生的过程中才有效. event的某些属性只对特定的事件有意义.比如,fromEl ...
javascript中window.event事件用法详解
前两天写程序时因为要用到javascript中的window.event事件,于是就在网上搜了一下,终于找到一篇不错的文章,来与大家分享下: 描述 event代表事件的状态,例如触发event对 ...

Js中的this和window.event.srcElement

Js中的this和window.event.srcElement相关推荐

最新文章

热门文章