JS 中的 event?event:window.event啥意思？求详解。

Posted 2023-03-18

<script type = "text/javascript>
function Test(event)
event = event ? event : window.event;

<script>

<input type ="button" value = "clickme" onclick = "Test(this)">

请问：
1，“onclick = "Test(this)"”中的this代表什么？
2，“event = event ? event : window.event; ”应该怎样理解？
a），三元运算符中的问号前面不是应该是个bool值吗？是不是在JS中“undefined”在三元运算符的问号前出现时 可以理解为false？
b），“onclick = "Test(this)"”中的this可以改成event吗？为什么？
c），如果这是个没有参数的方法（函数），我可以在方法中通过“event”获取这个既没有ID也没有name的button的value吗？如下：
<script type = "text/javascript>
function Test()
alert（event.value);

<script>

<input type ="button" value = "clickme" onclick = "Test()">

请区别IE和火狐进行说明，万分感谢。

对其功能我略懂，但是其原理不懂，求详细说明。
不好意思，<script>少打了个/，
"text/javascript>少打了个",- -!

1、this 表示这个<input> 元素，等同于document.getElementById;

2、a)你的理解是正确的，但是不仅只有undifined会被强制转换。

      js的弱类型，让他可以申明后赋任何类型的值。

因此除了bool型的false，number类型的0，String类型的空串，还有null在三元运算符或者判断条件时都会被转成false

其他还有一些，可以看一看比较基础的javascript书和《javascript高级程序设计》，可谓一阅扫百惑，比在网上别人一知半解的讲述了解的更彻底。

b)通过上面的解答，应该知道为什么不能用event代替this了吧

c)js对于函数的定义是非常松，即使你在函数定义时未写任何参数，或者你定义的参数有多个，但是你调用时，一个参数也不填，也不会出错的。

js函数内默认有个变量，保存你的入参叫：arguments

他是一个数组，下标从0开始，

所以获取event可以写成

function Test()
var event = window.event||arguments[0];

在ie下，事件对象是在全局的，也就 window下，做为window的一个属性

 在其他浏览器，都做为方法的第一个参数传入，所以这样写是为了兼容

 

要获取这个button的值，可以先获取这个对象，event既然是事件，肯定是某对象触发的

所以有这要一个方法

ie下是event.srcElement

其他浏览器是event.target

所以获取这个对象和获取事件对象的值可以这样写

function Test()
var event = window.event||arguments[0],
//target 就是这个对象
target = event.srcElement||event.target,
//这个对象的值
targetValue = target.value;

参考技术A 1:this代表点击元素的事件源对象
2:ie的event在全局变量中，其它标准浏览器event做为事件的第一个参数传入。不过一般用e=e||window.event;
a:是的，undefined,null,0,false,""都是假
b:不可以，onclick做为元素属性this已是浏览器的事件源对象了，又不是通过addEventListener绑定的。
c：不可以。别用onclick="xxx()"，尝试用addEventListener来绑事件，就能得到。追问

问题2我还是不太理解，能不能麻烦你把我当小白再详细解释一下这一句。谢谢！