SMusatov
/
gentelella
mirror of https://github.com/ColorlibHQ/gentelella.git


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566
							<!DOCTYPE html>
<html lang="en">
    <meta charset="utf-8">
    <title>Eve Use Case</title>
    <script src="eve.js"></script>
    <script>
        var log = function (text) {
            log.log = log.log || [];
            log.log.push(text);
        };
        window.onload = function () {
            document.getElementById("res").innerHTML = log.log.join("<br>");
        };
    </script>
    <script>
        var f1, f2, f3, f4;

        // setting up listeners
        eve.on("hit", f1 = function () {
            log("   I’m hit!");
        });
        eve.on("hit/face", f2 = function () {
            log("   Oh, my face!");
        });
        eve.on("hit/chest", f3 = function () {
            log("   Oh, my chest!");
        });
        eve.on("hit/*/leg", f4 = function () {
            log("   Ouch!");
        });
        eve.once("hit", function () {
            log("   You scoundrel!");
        })(-1);
        
        // fire events
        log("In your face!");
        eve("hit/face");
        // I’m hit!
        // Oh, my face!
        log("Take that!");
        // You can use “.” or “/” as delimiter
        eve("hit.chest.leg");
        // I’m hit!
        // Oh, my chest!
        // Ouch!

        // Unbinding
        log("");
        eve.unbind("hit", f3);
        log("Take that!");
        eve("hit.chest.leg");
        // I’m hit!
        // Ouch!

        // Unbinding by wildcard
        log("");
        eve.unbind("hit/*");
        log("In your face!");
        eve("hit.face");
        // I’m hit!
        log("Take that!");
        eve("hit.chest.leg");
        // I’m hit!
    </script>
    <pre id="res"></pre>
</html>