pavki/hr_qa_sbs_best_bad huggingface dataset:
Вопрос: Оцените верстку сайта?

Лучший ответ: В общем и целом, тем более если учитывать, что только 10 дней учился - это очень и очень хорошо.
Косяки ты и сам можешь видеть где верстка уезжает и прочее, про горизонтальный скролл и семантику тебе уже сказали, бэм тоже.

От себя могу добавить, что на карточках с прайсом, где сделано градиентом - режутся края. 

Формы дивами конечно тоже не стоит добавлять, ты же их отправлять собираешься потом)) 

Также пути к статике (картинки, css и пр.) указывать лучше абсолютные, а не относительные (ну если ты создашь вторую внутреннюю страницу, ты сам это поймешь)
<img class="member_photo" src="src/img/members/member_two.png" alt="member_two">

Также например вместо этого можно было добавить общий стиль, либо модификатор может какой
.facebook_btn:hover .facebook,
.twitter_btn:hover .facebook,
.chat_btn:hover .facebook,
.global_btn:hover .facebook,
.facebook_btn:hover .twitter,
.twitter_btn:hover .twitter,
.chat_btn:hover .twitter,
.global_btn:hover .twitter,
.facebook_btn:hover .global,
.twitter_btn:hover .global,
.chat_btn:hover .global,
.global_btn:hover .global,
.facebook_btn:hover .chat,
.twitter_btn:hover .chat,
.chat_btn:hover .chat,
.global_btn:hover .chat {
    -webkit-filter: invert(1);
    filter: invert(1)
}

такую ширину нельзя указывать, как ты на мобильных будешь смотреть? делай резиной в будущем
.img_blog {
    width: 540px;
    height: 400px
}

.img_blog2 {
    width: 540px;
    height: 400px
}

каждому элементу не обязательно font-family указывать
.contact_us {
    text-align: center;
    font-family: "Open Sans";
    font-weight: bold;
    color: #fff;
    font-size: 19pt;
    margin-top: 100px
}

.contact_us_down {
    text-align: center;
    font-family: "Open Sans";
    font-weight: normal;
    color: #fff;
    padding-bottom: 75px
}

.contact_info {
    padding-top: 25px;
    padding-bottom: 40px;
    font-family: "Open Sans";
    font-weight: 600;
    color: #fff;
    font-size: 14pt;
    text-align: center
}

pt уже по-моему никто не использует. используй px, rem, иногда em
.header_text {
        font-size: 30pt
    }

    .header_descr {
        font-size: 13pt
    }

Успехов!

Худший ответ: Круто!
Особенно за 10 дней изучения!
Я изучал куда дольше
Вопрос: Как сделать правильный выбор языка программирования, если интересны разные сферы?

Лучший ответ: Учите любой ЯП и начните писать код

Худший ответ: Вот тебе надо написать программу. Для этой программы лучше всего подойдёт такой-то язык. Но ты не можешь его использовать по таким-то причинам.
Поэтому ты пишешь на том, что есть, то, что на этом языке почти невозможно написать. Но это работает. Или не работает. Это целиком зависит от тебя, а не от продавца курсов "Java за 3 недели".
Лучший язык программирования - тот, на котором ты способен написать свою программу. На большинстве языков её просто невозможно написать - в этом весь фокус.
Вопрос: Выполнение python скрипта каждые 25 минут?

Лучший ответ: любой планировщик задач для вашей оси.

Худший ответ: Добавь в crontab:

*/25 * * * * /usr/bin/python3 /путь/к/script.py
Вопрос: Сколько полигонов/вертексов может быть на модели для игры?

Лучший ответ: Нет никаких норм.
Очевидно, что чем меньше, тем будет работать быстрее, но выглядеть будет хуже. Нужно достичь компромиса, когда уже мало, но ещё красиво.

Худший ответ: Полигоны сейчас вообще не главное, влияет так же навороченность шейдеров и освещённость.
Вопрос: Возможно ли написать скрипт для принудительного отключения пользователя от WiFi?

Лучший ответ: Это элементарно скриптуется. Вот такая команда добавит в шедулер скрипт, который будет запускаться каждые 20 секунд и удалять регистрации клиентов, неактивных более 150 секунд:
/system scheduler add interval=20s name=unreg_inactive_wifi_clients on-event="/interface wireless registration-table remove  [ find  last-activity > 150 ]"  start-date=jun/01/1970 start-time=00:00:00

Худший ответ: Я бы посоветовал решать проблему (у подключенных пользователей нет интернета), а не лечить симптомы.
Вопрос: Значительны ли отличия Java 7-8 от 11-12?

Лучший ответ: там уже все на 11 версии сидят, небось скоро и на 12 перейдут.
Извините, но, спасибо, развеселили) Большинство, как раз таки, как сидели на 8, так и сидят на ней. 8 и даже 7 ещё несколько лет будут в поддержке. Это же java-мир, enterpise-мир больших компаний с большими проектами, тут никто не торопиться переходить на новые версии. Проблему-то какую это решит, если оно и так хорошо работает и деньги приносит? Spring 4, да радуйтесь, что не 3). Мне в прошлом году рассказывали, что одной девушке из соседней конторы достался проект на небольшой допил, а там java 3 или 4 была! И я полно видел вакансий, как раз таки на java 8.
12 версия - не LTS. Никто толпами на неё переходить не будет. Только отчаянные единицы. У не LTS-релизов срок поддержки теперь полгода. Мрут как мухи. 11 LTS, да.
Между 8 и 11 не такая уж супер-большая разница, если брать синтаксис. Есть пропасть между 8 и 9 в виде модулей, но не так страшен чёрт, как его малюют. Пару статеек прочитать, один проектик попробовать и вот вы уже разобрались. + добавили несколько методов в стандартную библиотеку, типа listOf, setOf и т.д. для инициализации immutable-коллекций, пару методов в String (например isEmpty) и ещё по мелочи. В основном всякие внутренние улучшения, типо работы строк. Посмотрите списки изменений в интернетах. На каждую версию даже статья на хабре есть.
А если всё ещё переживаеете, то пройдите сертификацию по java 11. Сейчас там их всего 2. Первая часть на основной синтаксис и проверяет какой вы компилятор java) А вторая уже на всякие интересные штуки вроде многопоточности, стримов, NIO 2 и т.д. Уверенности после них будет хоть отбавляй) Поговорите с работодателем об этом - может даже проспонсирует и премию выпишет за такие инициативы)

Худший ответ: По фреймворкам точно проблемы будут. А по Java - нет, восьмерка пока всех устраивает.
Вопрос: Почему пустой POST в YII2 после переустановки?

Лучший ответ: Добавьте парсер JsonParser в компонент request.
При application/json запросах $_POST будет заполнятся данными из JSON автоматически.
'components' => [
    'request' => [
        'csrfParam' => '_csrf-api',
        'parsers' => [
            'application/json' => [
                'class' => \yii\web\JsonParser::class,
                'asArray' => true,
            ],
        ],
    ],
// ...

Т.е. если на вход поступит такой контент:
{
    "name": "Nick"
}
то $name = Yii::$app->request->post('name') будет работать.

Худший ответ: Попробуйте еще раз переустановить Yii2 в правильной последовательности, мне помогло.
https://www.yiiframework.com/doc/guide/2.0/ru/star...
Вопрос: Задачи с собеседований по максимальным числам: как решить?

Лучший ответ: Отсортировать по убыванию и двумя циклами – некошерно?на JSconst maxprod = arr => {
  const a = arr.slice().sort((a, b) => b - a);
  const max = a[0];
  const len = a.length;
  let iter = 0;
    
  for (let i = 1; i < len - 2; i++) {
    iter++;
    const A2 = a[i];
    const x2 = max / A2;
    if (!Number.isInteger(x2)) continue;
      
    for (let j = i + 1; j < len - 1; j++) {
      iter++;
      const A3 = a[j];
      const x3 = x2 / A3;
      if (!Number.isInteger(x3)) continue;
      
      if (!!~a.indexOf(x3)) {
        return [max, A2, A3, x3, iter]);
      }
    }
  }
  
  return false;
}
По сути циклов три, т.к. indexOf() всё равно перебирает массив.
Из оптимизаций только отсечение мелких хвостов, когда произведение становится меньше искомого.
И проверка каждого кандидата на делимость.
В хвост результата пихается ещё число итераций.Тесты[
  [20,5,3,2,2], // [ 20, 5, 2, 2, 3 ]
  [7,9,4,60,5,3,2,2], // [ 60, 5, 4, 3, 4 ]
  [1,2,3,199], // false
  [2430,2431,2431,2431,1,1,1,2,3,5,7,9,11,13,15,17,19,23], // [ 2431, 17, 13, 11, 8 ]
].forEach(test => console.log(test, maxprod(test)));

Худший ответ: допустим целых
хороший прикид
там, случаем, что множители целые "допустим" не отвалилось?
Вопрос: Что такое поисковая система нового поколения?

Лучший ответ: Которая сканирует биоизлучения мозга и точно выдаёт то, чего ты хочешь, даже если ты не хочешь, чтобы другие это видели. Товарищ майор Доигралес оценит!

Худший ответ: Которая сканирует биоизлучения мозга и точно выдаёт то, чего ты хочешь, даже если ты не хочешь, чтобы другие это видели. Товарищ майор Доигралес оценит!
Вопрос: Есть ли посредники при работе с upwork?

Лучший ответ: Надо понимать что для таких случаев вы сами должны быть топовым разработчиком и придется отдать 50 процентов

Худший ответ: Конечно. Если вы согласны работать за 1 доллар в час после уплаты всех посреднических
Впрочем, уровень джуна - вряд ли заинтересует кого то.
Вопрос: Как сделать слеш-меню в телеграме-боте на python?

Лучший ответ: В меню редактирования бота прописывается у BotFather

Худший ответ: Оно в админке /BotFather делается
Вопрос: Актуален ли автопрефиксер?

Лучший ответ: Актуален в той же степени, в которой был актуален в 2019 году.

Худший ответ: Дай бог памяти в кроссплатформенности... На Angular 8 появилась возможность указания нужных браузеров для версионности, но это для js вроде. Для css такой штуки нет.

Следовательно актуально для Angular. Что там в ReactJS и Vue не знаю, но думаю тоже самое.
Вопрос: Есть еще варианты заменить if в map?

Лучший ответ: return character === '...' ? '...' : character;

Или, если замен предполагается несколько, сделайте объект, где будет указано, кого на кого надо поменять:

const replacements = {
  '...': '...',
  '...': '...',
  ...
};

const newCharacters = characters.map(n => replacements[n] || n);

Худший ответ: С помощью splice

let characters = [
  'Люк Скайуокер',
  'Оби Ван',
  'Чубакка',
  'Энакин Скайуокер',
  'Хан Соло',
  'Палпатин'
];

const enakinIndex = characters.indexOf('Энакин Скайуокер')

characters.splice(enakinIndex, 1, 'Дарт Вейдер')
Вопрос: Как организовать собственное хранилище файлов для пользователей сайте, а-ля облако?

Лучший ответ: Вопрос то ваш в чём конкретно?
Можно использовать - PHP, JavaScript, MySQL.
Готовых библиотек нет.

Худший ответ: Условные таблицы и их поля:
users: id,username
files: id, user_owner_id, filename, path
file_accesses: file_id, user_id, share_url, permission_level
Владелец у файла должен быть всегда, а доп.доступы могут быть, могут не быть (таблица file_accesses). Когда хотите расшарить - генерите ссылку share_url для file_id, задаете права доступа (permission_level), указываете, кому в системе расшарить - вот строка в базе для идентификации прав к файлам у не-владельца. Уровни прав доступа пишете уже на уровне бекенда
Вопрос: Когда включаю компьютер играет одна песня ,которую невозможно остановить ,антивирус ничего не находит ,что делать в такой ситуации?

Лучший ответ: Обычно в микшере виден источник звука. НАчиная так с семерки по моему.

Худший ответ: посмотреть что в автозагрузке стоит
Вопрос: Как сделать авто «обновление» шаблонов?

Лучший ответ: Такое можно делать только в режиме отладки, для этого надо передать в метод run параметр debug=True. В продашкене это сильно снижает производительность. Лучше настроить WSGI-сервер на перезапуск при определённых условиях и создавать эти условия при изменениях.

Худший ответ: Через параметр в конфиге:
app.config["TEMPLATES_AUTO_RELOAD"] = True
https://flask.palletsprojects.com/en/1.1.x/config/...
Вопрос: Почему падают все приложения на телефоне?

Лучший ответ: Похоже на неисправную оперативную память.

Худший ответ: А, чисто гипотетически, есть способ проверить память если ты рядовой пользователь? И как может её проверить мастер? Как это делается на компе я представляю, а как это делается на телефоне?
Вопрос: Как компьютер понимает что число именно unsigned?

Лучший ответ: "Понимает" компилятор C++. При компиляции он переводит программу в машинный код в том числе и с учётом объявленных типов переменных.
При выполнении программы никакого "понимания" уже не требуется, все действия заданы в коде.

Худший ответ: Глядя на ячейку памяти невозможно сказать какое число в ней, т.к формы представления singed/unsinged это просто способ интерпретации бит. В фазе компиляции вы как автор должны указать компилятору тип данных чтобы корректно отработать умножение к примеру. 

Если вы хотите отдать значения во внешний мир, то передавайте их в виде текста, json, или специальных протоколов типа protobuf, apache thrift.
Вопрос: Как применить эффект hover на картинку так, чтобы при наведении картинка менялась на другую картинку?

Лучший ответ: Есть пару вариантов:
1) Сделать картинку бекграундом, и менять его при наведении.
2) Положить в контейнер обе картинки
<div class="image">
 <img class="img">
 <img class="hoverImg">
</div>
.image .hoverImg {
 display: none;
}
.image:hover .img {
 display: none
}
.image:hover .hoverImg {
 display: block
}
3) Использовать data атрибут с hover картинкой, и обрабатывать события mouseover, mouseout при помощи JS, с подменой атрибута src из вашего data атрибута при событии mouseover

И наверное ещё несколько вариантов можно придумать ;)

Худший ответ: background это анимируемое свойство css, можно без скриптов даже

snippet
Вопрос: KISS vs SOLID, что и когда готовить?

Лучший ответ: Во-первых, сейчас модератор грохнет ваш вопрос за нарушение пункта 3.8 правил. Во-вторых, парадигмы, подходы, шаблоны и принципы - это инструменты управления сложностью кодовой базы, а инструмент надо выбирать под задачу - не стоит наворачивать многоуровневую абстракцию на FizzBuzz. В-третьих, KISS не исключает SOLID.

Худший ответ: Сначала KISS: решаем, требуется ли делать код сложным или можно обойтись простым решением, которое будет легко читать и поддерживать.
Если понятно, что читать и поддерживать простыню процедурщины будет затруднительно, начинаем дробить логику, и в этом нам помогает SOLID - именно он определяет границы зон ответственности кода и позволяет минимизировать связи между проектируемыми классами.
Наконец, определившись с архитектурой, мы внутри каждого класса вновь возвращаемся к KISS, не переусложняя его внутреннюю жизнь сверх тех задач, что он должен решать. Благодаря применению SOLID уровнем выше мы сможем безболезненно переделать все потроха этого класса, если задачи изменятся и KISS-решение перестанет работать, без рефакторинга остального кода.
Никаких противоречий.
Вопрос: Можно ли на upwork выполнять заказы от своего имени, будучи добавленным в команду агенства на Upwork?

Лучший ответ: Насколько я помню, там есть 2 варианта:
1. Ваш профиль ассоциируется с агентством. Тогда вы можете дальше делать что хотите, плюс агенство может находить вам проекты.
2. Ваш профиль управляется агенством. Тогда вы не можете ничего делать сами.

Ну и большой минус - в профиле появляется надпись, что вы являетесь частью агенства, а таких людей менее охотно нанимают. Мне даже пришлось удалить своё агенство, чтобы избавиться от этой надписи.

Худший ответ: если нет ограничений от самого агентства то можно, еще бывает они регают сами аккаунты работникам с эксклюзивом
Вопрос: Csc.exe не видит другие классы?

Лучший ответ: Вы делаете вот так:
C:\Windows\Microsoft.NET\Framework\v4.0.30319\csc.exe C:\Users\user\Documents\Projects\proj\main.cs

А надо вот так:
C:\Windows\Microsoft.NET\Framework\v4.0.30319\csc.exe C:\Users\user\Documents\Projects\proj\*.cs

*.cs, где * - все файлы с расширением .cs

А вообще лучше всего сначала перейти в директорию, где лежит ваш компилятор, что бы было его удобнее использовать, это стандартная команда cd <your_path>, и выглядело бы это все примерно так:
cd C:\Windows\Microsoft.NET\Framework\v4.0.30319
csc.exe C:\Users\user\Documents\Projects\proj\*.cs

Это просто удобнее использовать.
И ознакомьтесь с cmd/powerhell/terminal хотя бы базово. Узнайте, как использовать такие команды, как:
cd ./path
ls ./path 
cp ./path ./path
mv ./path ./path
mkdir <dir_name> 
> filename.anyext

Худший ответ: Ну так надо ВСЕ файлы компилятору скормить,
Читайте:
https://docs.microsoft.com/en-us/dotnet/csharp/lan...
Вопрос: Какое действие приводит к увеличению вероятности затора в Ethernet-сети?

Лучший ответ: Высокое сопротивление проводов - электронам сложнее протискиваться по кабелю, поэтому часто образуются пробки.

Худший ответ: Какое действие приводит к увеличению вероятности
удаления вопроса? Писать сюда вместо вопросов глупые тесты, которые предназначены для того, чтобы Вы сами разобрались в вопросе.
Вопрос: Как процессор распознает длину команды?

Лучший ответ: Самое простое для понимания:
например два самых старших бита кода команды определяют ее длину
соответственно команды 
от 0000000 до 00111111 - будут однобайтовыми
от 0100000 до 01111111 - будут двухбайтовыми
от 1000000 до 10111111 - будут трехбайтовыми
от 1100000 до 11111111 - будут четырехбайтовыми

Но это не для 8080. Просто для понимания общего смысла.

А так - на структуре процессора видимо попадался элемент "дешифратор команд" - собственно это его задача понять по коду команды, что означают последующие байты.

2. Однобайтных команд у 8080 больше одной. Навскидку: NOP, HALT, INT3. RET*, сдвиги, обмен между регистрами 

3. если говорить о 8080 - то удобнее и понятнее даже не логически, а схемотехнически... а так - один из источников

Худший ответ: Первый байт показывает какая это команда, или тип команды. Далее идет логика которая отрабатывает либо эту конкретную однобайтовую команду, либо осуществляет чтение следующих байт для конкретизации команды дальше. Т.о. как только процессору (с помощью дешифратора команд) становится понятно что за команда, он ей выполняет -- дает ток нужным элементам в нужном направлении.
Вопрос: Как организовать социальную аутентификацию через Socialite(Laravel)+JWTAuth+Vue.js без редиректа с API-сервера?

Лучший ответ: Работает у меня такая схема и в Ionic и в NativeScript.
В общем схема везде одинаковая.Ionic:
На Laravel нужен Socialite, на клиенте что-то в соответствии с фреймворком. Я использовал ng2-ui-auth. Еще вам нужно установить плагин InAppBrowser.
Последовательность такая:
1. В своем приложении вы жмете на кнопку "Войти через GitHub"
2. Открывается InAppBrowser окно входа GitHub (в урле передается clientId вашего приложения и redirectUri, за это отвечает ng2-ui-auth).
2а. Обратите внимание что redirectUri из запроса должен быть идентичен Authorization callback URL в настройках вашего приложения на сайте GitHub (Settings / Developer settings / OAuth Apps) и в случае Cordova должен быть равен "localhost:3000".
3. GitHub авторизирует вас по логину/паролю, спросит разрешения передавать данные Приложению и редиректит страницу на redirectUri добавляя к нему токен.
4. ng2-ui-auth перехватывает обращение к localhost:3000 (это делается с помощью JS, тут нет никакого локального сервера), достает токен и пересылает его на конечный url (указывается для каждого провайдера в настройках ng2-ui-auth).
4а. Вот этот конечный url должен быть адресом вашего backend'а, а именно метода, который с помощью Socialite будет запрашивать данные пользователя у GitHub.
5. С помощь Socialite вы получаете данные о пользователе у GitHub. Создаете пользователя в Laravel, если его нет, и делаете любые другие необходимы действия.
6. Используя данные пользователя с помощью jwt-auth создаете jwt-токен и возвращаете его клиенту (в пункт 4).
7. На клиенте запоминаете jwt-токен и тот факт, что пользователь аутентифицирован. Из ответа можете достать email (если вы его передали) и где-нибудь отобразить.Все!
С NativeScript все абсолютно аналогично (там на клиенте я использую nativescript-oauth2) за исключением одного: в NS нет webview, поэтому перехват redirectUri выглядит по-другому:
1. В Authorization callback URL на GitHub вы пишите что-то вроде blablabla://auth (вместо blablabla какая-то длинная уникальная строка - urlScheme).
2. Эта urlScheme также пописывается в настройках nativescript-oauth2 и в App_Resources/Android/src/main/AndroidManifest.xml в виде intent-filter<intent-filter>
    <action android:name="android.intent.action.VIEW" />
    <category android:name="android.intent.category.DEFAULT" />
    <category android:name="android.intent.category.BROWSABLE" />
    <data android:scheme="blablabla" />
</intent-filter>
Приложение перехватывает обращение к этой уникальной urlScheme и дальше все продолжается согласно списка.

Худший ответ: В oauth в качестве redirect-url указываешь window.location, на который юзера перекинут, когда прекинули, парсишь данные из url и отправляешь на сервер.
Вопрос: Какие проекты написать для портфолио на Java?

Лучший ответ: Коллективный блог напишите.

Худший ответ: Повторю пару своих ответов с идеями для своих проектов, может найдёте что-то интересное:
1. Раз
2. Два
Вопрос: Как правильно верстать адаптивно?

Лучший ответ: Чтобы верстать адаптивно - в первую очередь надо верстать адаптивно.
Размеры все должны быть по максимуму относительными. 
Флексы, гриды, проценты, vh, vw, em.
Медиа-запросы же нужно использовать только тогда, когда нужно поменять структуру кардинально, а не для подгонки пикселей.

Худший ответ: Получается ты верстаешь чуть ли не под каждую модель телефона и монитора. Зачем?
верстка делается под варианты: смартфоны, планшеты, мониторы, fullscreen. Делаешь контейнер, который будет иметь одинаковые размеры, например если у тебя экран 1000 или 1200, сам контейнер всегда 960 (просто грубый пример) а по краям отступы, т.е. берется размеры "от и до" и делается контейнер по минимальному размеру данного диапазона
Вопрос: Как определить переменную среды Environment?

Лучший ответ: что бы задать переменную в пределах текущей сессии терминала:
set MXUPDATE_PATH=C:\project\MxUpdate\
что бы задать переменную на совсем:
setx MXUPDATE_PATH C:\project\MxUpdate\

Худший ответ: В поиске винды введите "system environment variables" (обычно достаточно только env). Ну и там дальше разберетесь в окошках.
Вопрос: Что указывать в своем первом резюме на позицию разработчика?

Лучший ответ: Указывать набор теоретических знаний, которые можете подтвердить, и ссылку на пет-проект.

Худший ответ: Учил ноду, хотя js базовый странно. А вообще вместо вордпресс выучи бутстрап, препроцессор например scss, react. А указать можно то в чем ты уверен
Вопрос: Где можно найти курсы/документацию/литературу по Django на русском языке?

Лучший ответ: Не всё в порядке. Он освещает работу с Django версии 1.10.10, вышедшей первого августа 2016-го года. На сегодняшний день актуальная версия - 2.2.3. Без знания английского вам всегда придётся или отставать от прогресса или учиться по спешно сделанным материалам низкого качества.

Худший ответ: Например, можно пройти обучение у нас :)
Курсы от «Девман» состоят из модулей, где отдельно разбирается каждая тема. Наши уроки — это всегда реальные задачи и практика. Ну и, конечно, после каждого занятия разбор полетов и ревью. Почитать подробнее можно тут → https://dvmn.org/modules/django/
Вопрос: Вид интернет бизнеса?

Лучший ответ: Основная работа и бизнес никак не сочетаются.
Либо одно, либо другое - третьего не дано. Говорю как человек, который _пытался_ на протяжении всей своей жизни что-то замутить, работая при этом на дядю 5/2 с 10 до 19. 
Это нереально. что можно придумать для подработки в интернете с минимальными затратами времени и средствДеньги любят тишину. Кто знает где водятся деньги  - конкурентов себе плодить не будут. Возможно интернет магазин ИМ - это не проблема сделать. Проблема - найти того, кто у тебя купит товар.

Худший ответ: Подскажите что можно придумать для подработки в интернете с
Продавать "бизнес-пакеты" для заработка в Интернете.
Ответ: ничего. Абсолютно.
Вопрос: Как лучше задать события когда много элементов?

Лучший ответ: Стандартное решение вешать событие  event click на внешний блок <div/>. 
Тогда в  event.currentTarget -   получите  элемент на котором событие произошло, ну и далее логика Ваша.

P.S. Приз моих симпатий за внятно сформулированный вопрос.

Худший ответ: Может так
Вопрос: Как залогинить пользователя на рабочий стол удаленно?

Лучший ответ: процедуру нужно будет вставить в программный код, поэтому radmin и аналоги не подходят Вы не правы, что это не подходит. Например, взять самый обычный VNC. Ничто не мешает программно послать в окно VNC-клиента клавишную последовательность Ctrl-Alt-Del логин Tab пароль Enter. Всё, залогинились. И программно же закрыть окно VNC-клиента.
Можно radmin, можно teamviewer с дополнительной настройкой разрешения на логин в систему, можно просто VNC.

Худший ответ: В клубах насколько я знаю выводят экран полностью блокирующий ввод. 
А разблокировка просто скрывает приложение