CODEWITHSUNDEEP
iphoneobjective-ccocoa-touchuiwebview
Sheehan Alam
Sheehan Alam

Reputation: 60859

How to dismiss keyboard on a UIWebView?

I am loading an HTML page that has a form. I would like to be able to dismiss the keyboard when the user clicks on GO or if he clicks on the SUBMIT button on the HTML page.

If the user decides he doesn't want to fill out the form, I also need a way to dismiss the keyboard.

Not sure how to do this.

Upvotes: 15

Views: 15915

Answers (5)

Ravi Kishore K
Ravi Kishore K

Reputation: 21

UIGestureRecogniser will help to dismiss the keyboard when user clicks on the WebView. Here is the piece of code i used.

let tap = UITapGestureRecognizer(target: self, action: #selector(self.handleTap(_:)))
        tap.delegate = self 
        webView.addGestureRecognizer(tap)

@objc func handleTap(_ sender: UITapGestureRecognizer) { webView?.endEditing(true) }

func gestureRecognizer(_ gestureRecognizer: UIGestureRecognizer, shouldRecognizeSimultaneouslyWith otherGestureRecognizer: UIGestureRecognizer) -> Bool {
  return true
}

Hope the helps.

Upvotes: 2

Christopher Pickslay
Christopher Pickslay

Reputation: 17762

The javascript approach is clever, but this is more direct:

[webView endEditing:YES];

Upvotes: 30

avizzini
avizzini

Reputation: 789

I'm not so familiar with UIWebView, but normally you would dismiss your keyboard like so...

[textField resignFirstResponder];

By doing that, the keyboard would be dismissed...

To have the keyboard be dismissed when say the user clicks the return button, you would need to implement the delegate method.

- (BOOL)textFieldShouldReturn:(UITextField *)textField
{   
    [textField resignFirstResponder];
    return YES;
}

Apple's documentation has a full list of methods for the UITextFieldDelegate.

Upvotes: -11

Sam Soffes
Sam Soffes

Reputation: 14935

A more concise way without needing to know what element is selected is the following:

[webView stringByEvaluatingJavaScriptFromString:@"document.activeElement.blur()"];

Upvotes: 34

dstnbrkr
dstnbrkr

Reputation: 4335

You can use javascript to take the focus away from the HTML text field using blur:

document.foo.bar.myinput.blur();

Upvotes: 13

Related Questions