jQueryで特定の要素をクリックしたときの処理

Question

jQueryまたはjavascriptを使って下記のような処理をしたいです。

1.特定の要素をクリックする

2.（1.)でクリックした以外の場所をクリックしたときに
アラートがなるようにする。

---

よろしくお願いします。

Answer 1

event.target で判定してください。
(DOM Events の event オブジェクトは jQuery でも使用可能です。)

<script>
'use strict';
document.addEventListener('click', function (event) {
  var target = event.target;

  if (target.id !== 'sample') {
    console.log(target + ' is not a #sample');
  }
}, false);
</script>
<p id="sample">sample</p>

Answer 2

$(document).click(function() {
alert('clicked outside');
});

$("#mydiv").click(function(event) {
alert('clicked inside');
event.stopPropagation();
});

ここで＃mydiv以外にｸりくするとalertが表示します。

Comments

[TaruOrder]

解答ありがとうございます！！

たとえばの話なのですが
$(document).click(function() {
alert('clicked outside');
});

$("#mydiv").click(function(event) {
alert('clicked inside');
event.stopPropagation();
});

$("#mydiv2").click(function(event) {
alert('clicked inside');
event.stopPropagation();
});

のようにすれば、#mydiv2 #mydiv以外をクリックするとalert('clicked outside');が表示されるようになるのでしょうか。