javascript - 为什么检查 if preventDefault，然后 preventDefault？

Question

我正在尝试使用 this website 中的颜色 slider , 这是 source code .以下代码的作用是:line 134

if (e.preventDefault) e.preventDefault();

我知道 preventDefault() 的作用，但为什么它要先检查 preventDefault() 然后再检查 preventDefault？为什么需要 preventDefault()？

此外，之前的行检查是否:

if (target !== this)

有什么必要？

Answer 1

只是为了跨浏览器支持。 IE 8 或以下不支持 preventDefault，它们使用 returnValue。

//check preventDefault function is exists in event handler 'e'
if (e.preventDefault)

    // if browser support preventDefault, call preventDefault();
    e.preventDefault();

编辑:

if (target !== this)

在这段代码中，target是被点击的对象，可以指向div#sliders和div#silders的子元素(R,G ,B,H,S,L slider )。并且 this 指向 div#sliders。

因此该代码意味着“如果单击的对象不是 div#sliders”，对于 RGB，HSL slider 可以正常工作

编辑 2:

e.preventDefault() 是为了完美地移动(拖动) slider 而存在的。

例如，如果拖动时光标滑出，并且没有e.preventDefault()，则该函数将无法正常工作。