Merge pull request #30 from dmmat/master

add unfocus and textarea input type

README.md

@@ -60,7 +60,8 @@ input = new InputModule.Input
   autofocus: false # Change to true to enable autofocus
   goButton: false # Set true here in order to use "Go" instead of "Return" as button (only works on real devices)
   submit: false # Change to true if you want to enable form submission
-
+  textarea: true # Use textarea instead of input
+
   y: 240 # y position
   x: 90  # x position
   width: 500
@@ -89,25 +90,24 @@ input.on "keyup", ->
   print @value
 ```
 
-#### Focusing the input via code
+#### Focusing and Unfocusing the input via code
 
-Imagine that you want to focus the input once you click "myButton", here is an example:
+Imagine that you want to `focus` the input once you click "myButton", here is an example:
 
 ```coffeescript
 myButton.on Events.Click, ->
   input.focus()
-```
-
-#### Blur the input via code
+```  
 
-To blur the input use the offFocus method:
+Imagine that you want to `unfocus` the input once you press enter, here is an example:
 
 ```coffeescript
-myButton.on Events.Click, ->
-  input.offFocus()
+input.on 'keyup', (e) ->
+  if e.keyCode == 13
+    input.unfocus()
 ```
 
-#### Focus and Blur events
+#### Focus and Blur(Unfocus) events
 
 You can add your own custom actions using the `onFocus` and `onBlur` helpers.
 
@@ -117,6 +117,9 @@ input.onFocus ->
 
 input.onBlur ->
   print "Input lost focus"
+
+input.onUnfocus ->
+  print "Input lost focus"
 ```
 
 ### [Advanced] Accessing original elements

input.coffee

@@ -101,6 +101,7 @@ class exports.Input extends Layer
 		options.fontWeight ?= "500"
 		options.submit ?= false
 		options.tabIndex ?= 0
+		options.textarea ?= false
 
 		super options
 
@@ -110,7 +111,7 @@ class exports.Input extends Layer
 		@_properties.padding = options.padding
 
 		@placeholderColor = options.placeholderColor if options.placeholderColor?
-		@input = document.createElement "input"
+		@input = document.createElement if options.textarea then 'textarea' else 'input'
 		@input.id = "input-#{_.now()}"
 
 		# Add styling to the input element
@@ -171,7 +172,7 @@ class exports.Input extends Layer
 	focus: () ->
 		@input.focus()
 
-	offFocus: () ->
+	unfocus: () ->
 		@input.blur()
 
 	onFocus: (cb) ->
@@ -181,3 +182,5 @@ class exports.Input extends Layer
 	onBlur: (cb) ->
 		@input.addEventListener "blur", ->
 			cb.apply(@)
+
+	onUnfocus: this.onBlur