I'm practicing `bind` in javascript and meet one problem.

```
var test = {
  val: 1
}
function bindTest () {
  console.log(this.val)
}
bindTest.bind(test)()

```

In this little demo, I get 1 as result as it should return.

However, when i try to use bind on event handler, bind won't work.
For example 

```
var container = document.querySelector('.container'),
    test = {val: 1}
function bindTest (event) {
  console.log(this.val)
}
container.addEventListener('click', bindTest.bind(test))

```

In this case, `this` in bindTest become `window`. I know that bind is used to create a new function which `this point to its bind object`. Why i get different answer after applying to an event handler?