要做到这一点，你可以只保存你的点数组，以及一个是否正在记录的布尔值。每次点击都将一个新值推入数组-只有在记录时-当你点击停止时，可以对数组做任何你想做的事情。
举例来说：

var points = [];
var isRecording = false;
$('#start').click(function(){
    points = [];
    isRecording = true;
});

$('#stop').click(function(){
    isRecording = false;
    console.log(points);
});

$('.room').click(function(e) {
    if(isRecording){
      var width = $(this).css("width");
      var widthLength = width.length;
      var height = $(this).css("height");
      var heightLength = height.length;
      height = height.substring(0,heightLength-2);
      width = width.substring(0,widthLength-2);
      var posX = $(this).offset().left, posY = $(this).offset().top;
      posX = (e.pageX - posX);
      posY = (e.pageY - posY);
      posY = Math.round((100/height) * posY);
      posX = Math.round((100/width) * posX);

      points.push({x:posX,y:posY});
  }
});

.room{
  width:200px;
  height:200px;
  border: 1px solid black
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<button id="start">Start Recording</button>
<button id="stop">Stop Recording</button>
<div class="room">
</div>

请按照以下步骤操作：

• 有一个全局变量（例如：var canExcute=true）在默认情况下，你将能够执行函数
• 然后在运行函数之前检查此变量

if(canExcute){
       function_to_run();
  }

字符串

• 执行后，将变量设置为false（canExcute=false）

希望它能给你灵感。

你可以声明一个全局布尔变量beRecord。
当你点击开始录制按钮时，设置为true，反之则设置为false。
在记录函数的跟踪之前检查beRecord变量。

你可以这样做：

var record = false;
      $('#yourbutton').click(function(e) {
        // toggle record true or false
        record = record ? false : true;
      });

      $('.room').click(function(e) {
          if(record){
            // only do your stuff if record is true               
          }
      });

字符串