129(1): デフォルトの名無しさん [sage] 2014/08/10(日) 04:43:57.91 ID:xdwi6sFr(9/13) AAS
>>122をjQueryを使うとこうなる。

document.getElementById('sample').addEventListener('click', function (event) {
　var input = event.target;

　if (input.tagName === 'INPUT' && input.type === 'button') {
　　input.ownerDocument.getElementById('output').firstChild.data = input.value;
　　event.preventDefault();
　}
}, false);

　　　↓

外部ﾘﾝｸ:jsfiddle.net

$('#sample').on('click', 'input[type=button]', function (event) {
　$('#output').text(this.value);
　event.preventDefault();
});

130(1): デフォルトの名無しさん [sage] 2014/08/10(日) 04:54:18.13 ID:xdwi6sFr(10/13) AAS
>>127
> 基本は何もボタンを用意せず、JavaScriptで必要なフォームボタンを生成してやるのが一番いいだろうな

いやこれは本質的にはradioボタンの動きなので、
radioを使ってCSSだけで実装するのがいいだろう。

122(6): デフォルトの名無しさん [sage] 2014/08/10(日) 04:01:46.88 ID:Sc++4qqi(2/11) AAS
>>110,116
俺ならこうする
外部ﾘﾝｸ:jsfiddle.net

139(1): デフォルトの名無しさん [sage] 2014/08/10(日) 05:25:34.22 ID:Jkr9svTU(2/7) AAS
> この場合の event.currentTarget は #sample になるので、event.currentTarget で参照可能なのは本質的におかしい

これは単にjQueryを知らないだけだねｗ

this値は event.currentTarget と同義ってのは間違い。

thisってのは呼び出し元が自由に決められるもの。
だからこの場合のthisは、jQueryの仕様で決まる。
それを知らないだけ。