Zone.js patch DOM on-event handler will failed with inline event handler.

I will describe the problem with the sample code 

```javascript 
<html>
<head>
</head>
<script src="./zone.js"> </script>
<script>
    function loaded() {
        var btn = document.getElementById('btn');
        console.log('btn click event handler', btn.onclick);
    }

    function btnClick(e) {
        console.log('clicked', e);
    }

    function blur() {
        console.log('blur', e);
    }
</script>
<body onload="loaded();">
    <input id="txt" type="text" onblur="blur();"/>
    <button type="button" id="btn" onclick="btnClick(event);">OK</button>
</body>
</html>
```

after zone.js patched, the button's onclick will be null, if without zone.js patched, the onclick will be btnClick, the problem only occurs when I use inline event handler like above, if I use 

```javascript
    btn.onclick = btnClick;
```
or
```javascript
   btn.addEventListener(btnClick);
 ```

the result will be ok.

It seems not the problem of Zone.js itself but the DOM defineProperty.
https://github.com/angular/zone.js/blob/master/lib/common/utils.ts#L69
it seems after definePRoperty, the set will not be called when we use inline event handler.


Provide feedback

Saved searches

Use saved searches to filter your results more quickly

Zone.js patch DOM on-event handler will failed with inline event handler. #525

Metadata

Assignees

Labels

Type

Projects

Milestone

Relationships

Development

Zone.js patch DOM on-event handler will failed with inline event handler. #525

Description

Metadata

Metadata

Assignees

Labels

Type

Projects

Milestone

Relationships

Development

Issue actions