How to avoid to add a handler to each form element manually, but instead to set some default once in the code, so that one group of form elements (currently marked in the example by `class="preventbubbling"`, but other mechanisms are welcome also, like `custom elements`) by default prevent bubbling?

```
<script>function react(ev,el) {console.log(ev);} </script>
<div name="dialog" onkeyup="react(event,this);">
  <textarea class="allowbubbling"></textarea> 
  <textarea class="preventbubbling"></textarea>
  and many other form elements inputs etc
</div>

```

Typing in the textarea also triggers the div's onkeyup.

Is there a simple way to let some form element allow bubbling, and some to prevent bubbling by sort of default?

P.S. Beside the simple approach, does creating custom elements work properly enough well on current major browsers?