متوجه نشدن کد

سلام ببین این که چطور به این کد ها رسیده همش با تمرین و فکر کردن درباره کدهاست و مهم تر از همه تسلطش روی کد های جاوااسکریپته.
lenz که تعریف کرده یه المنته و هر المنت تو جاوااسکریپت یه سری توابع تو خودشون دارن که از کلاس پدرشون به ارث بردن. حالا این div هم وقتی تعریف میشه به یه سری چیز ها دسترسی داره و میشه اونا رو تغییر داد و handle کرد. مثلا همین div میشه وقتی موس میره روش یا موس خارج میشه ازش یا .... هر چیز دیگه ایی که رو فهمید با استفاده از تابع addEventListener (از اسمش هم مشخصه که وقتی رخدادی اتفاق افتاد ) بعد داخلش دو تا پارامتر میگیره که یکیش نوع اتفاق("touchmove") و یکی دیگه callback function (که تو این مثال اسم تابع moveLens)، یعنی وقتی اون اتفاق رخ میده این تابع صدا زده بشه ( این کار خیلی تو جاوااسکریپت کار رایجیه) وقتی اون تابع صدا زده میشه این callback function یه پارامتر به عنوان ورودی میگیره ( که e تعریف کرده ) برای اون تابع میفرسته (این e رو تابع addEventListener پاس میده) حالا شما میتونی این e رو console.log بگیری ببینی چی توشه. وقتی این کارو میکنی میبینی همه چی رو بهت میده و تو فقط باید اسمشو ببینی چیه از جمله چیز هایی که در اختیارت میذاره pageX ایناس بعدش هم یکم محاسبات ریاضیه و تو باید با این ویژگی هایی که در اختیارت میذاره بهش برسی

در گفتگوی دیگه ای از شما، توصیه کردم بیش از حد درگیر بخش محاسباتی و هندسی مسئله نشید. ولی اجازه بدین این بخش از کدهارو هم تشریح کنم براتون:

x و y در اینجا، قراره مکان قرارگیری عنصر لنز رو برای ما مشخص کنند. در واقع x و y مختصات گوشه ی بالایی-چپ از عنصر لنز رو که یک مربع هستش مشخص می کنند.
حالا چجوری محاسبه شده؟
متغیر pos در اینجا مکان اشاره گر ما رو نشون میده، ازونجایی که مکان اشاره گر در مرکز عنصر لنز واقع شده (وسط عرض و وسط ارتفاع)، پس برای اینکه مختصات نقطه ی گوشه ی بالایی-چپ رو بدست بیاریم، چه می کنیم؟
اگر از مختصات اشاره گر (pos.x) به اندازه نصف طول عنصر لنز (lens.offsetWidth / 2) کم کنیم، به ابتدای عنصر لنز (x) میرسیم (بهمین ترتیب محاسبه ی y نیز صورت گرفته).