Hyperscript eequivelant of jquery .on( "click"

Question

$( document ).ready(function() {
console.log( "ready!" );
var counter = 0;
$("button").click(function() {
e="<p class='test' _="on click append 'click me' to value of the #search">click me</p>"
$("h2").append(e)
});
// With on():
$("h2").on("click", "p.test", function(){
alert($(this).text());
});
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="https://unpkg.com/hyperscript.org@0.8.1"></script>
<input id="search" />
<button>generate new element</button>
<h2></h2>

jquery可以工作，但是hyperscript不能在输入框中添加文本。

Answer 1

好了，您的超标代码看起来像您预期的那样工作。jQuery似乎是坏掉的一个。如果您打算在用户键入的值后面追加。放弃jQuery附加，只使用_hyperscript。

<script src="https://unpkg.com/hyperscript.org@0.8.1"></script>
<input id="search" />
<button _="on click append 'click me' to value of the #search">generate new element</button>
<h2></h2>