0

デモ

マウス クリックの pagex 座標と pageY 座標を取得し、それらをリストに追加する短いスクリプトを作成しました。リストをクリアするはずのボタンを除いてすべて機能します(クリアボタンを押してもクリックが表示されますが、それは問題ではありません)

とにかく私はjsfiddleでいくつかの作業を修正し、そこではすべて正常に動作しますが、メモ帳++で同じ修正を行ったとき、ボタンはまったく機能しません。IE ではリストがクリアされませんが、jsfiddle で同じボタンをクリックすると正常に動作します。mozilla Chrome および IE でテスト済み

         <!doctype html>
<html>
<head>
    <meta charset="utf-8">
    <title> Click Away</title>
    <link href="stylesheets/site.css" rel="stylesheet">
    <script src="http://code.jquery.com/jquery-1.9.1.js"></script>
    <script>


        $(document).click(function(e){
            $("#coordList").append("<li>"+ "pageX: " + e.pageX + ",    pageY: " + e.pageY +"</li>"); 
        });

        $("#clear").click(function() {
            $("#coordList").empty();
        });
    </script>
</head>
<body>
    <div id="wrapper">
        <header>
            <h1> Coordinates </h1>
        </header>
        <button id="clear"> Clear list </button>
        <div id="list"> 
            <ol id="coordList"></ol>
              </div>
            </div>
              </body>
                  </html>  
4

1 に答える 1

1

私はちょうど5分前にこれを学びました。event.stopPropagation();イベントが要素を含む親のイベントをトリガーしないようにしbodyます。このような:

$("#clear").click(function (event) {
  event.stopPropagation();
  $("#coordList").empty();
});

デモ

于 2013-10-19T01:13:37.927 に答える