Search icon CANCEL
Subscription
0
Cart icon
Your Cart (0 item)
Close icon
You have no products in your basket yet
Arrow left icon
Explore Products
Best Sellers
New Releases
Books
Videos
Audiobooks
Learning Hub
Free Learning
Arrow right icon
Arrow up icon
GO TO TOP
Learning ClojureScript

You're reading from   Learning ClojureScript Master the art of agile single page web application development with ClojureScript

Arrow left icon
Product type Paperback
Published in Jun 2016
Publisher
ISBN-13 9781785887635
Length 320 pages
Edition 1st Edition
Languages
Arrow right icon
Authors (2):
Arrow left icon
Allen Rohner Allen Rohner
Author Profile Icon Allen Rohner
Allen Rohner
W. David Jarvis W. David Jarvis
Author Profile Icon W. David Jarvis
W. David Jarvis
Arrow right icon
View More author details
Toc

Table of Contents (9) Chapters Close

Preface 1. Getting Ready for ClojureScript Development 2. ClojureScript Language Fundamentals FREE CHAPTER 3. Advanced ClojureScript Concepts 4. Web Applications Basics with ClojureScript 5. Building Single Page Applications 6. Building Richer Web Applications 7. Going Further with ClojureScript 8. Bundling ClojureScript for Production

Raw DOM manipulation and events handling

Thanks to the interoperability with JavaScript, we can translate, mostly word by word, the same very mutable JavaScript logic into ClojureScript programs. You'll find yourself select DOM nodes using their IDs or mutating their properties to change their appearance on the browser for instance. In JavaScript, handling events corresponds to setting callbacks, that is, assigning functions - called callbacks - to special properties corresponding to those events (like onmousemove, and so on). You can follow the same logic in ClojureScript, setting event handlers by mutating those same DOM nodes event descriptor properties.

You only have to remember that if you want to access a DOM's element property, you would write:

(-.property a-js-object) 

And to mutate these properties properties, you would have to make use of the set! function:

(set! (-.a-property a-js-object) 

Although this approach means somehow falling back to raw JavaScript, all of the...

lock icon The rest of the chapter is locked
Register for a free Packt account to unlock a world of extra content!
A free Packt account unlocks extra newsletters, articles, discounted offers, and much more. Start advancing your knowledge today.
Unlock this book and the full library FREE for 7 days
Get unlimited access to 7000+ expert-authored eBooks and videos courses covering every tech area you can think of
Renews at $19.99/month. Cancel anytime
Banner background image