Warning: file_get_contents(/data/phpspider/zhask/data//catemap/6/asp.net-mvc-3/4.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 使用JQuery和JQTouch清除表单输入字段的按钮_Javascript_Jquery_Forms_Jqtouch - Fatal编程技术网

Javascript 使用JQuery和JQTouch清除表单输入字段的按钮

Javascript 使用JQuery和JQTouch清除表单输入字段的按钮,javascript,jquery,forms,jqtouch,Javascript,Jquery,Forms,Jqtouch,我有一个使用JQTouch构建的站点,希望添加小十字架 文本输入字段中的按钮,用于在按下时清除文本 我试着从他们的Google.com iPhone上模仿谷歌的技术 地点。我也在这里读到过这种方法 我让这个部分工作。但媒体是否以及何时发布 交叉按钮被注册似乎不可靠 我已经创建了最少的代码来测试这一点: 用JQTouch- 没有JQTouch(或任何其他JS库)- 我不确定这是否是与JQTouch库的交互 这导致了这些问题。但没有JQTouch的版本似乎对点击交叉按钮的反应更灵敏。关于如何使

我有一个使用JQTouch构建的站点,希望添加小十字架 文本输入字段中的按钮,用于在按下时清除文本

我试着从他们的Google.com iPhone上模仿谷歌的技术 地点。我也在这里读到过这种方法

我让这个部分工作。但媒体是否以及何时发布 交叉按钮被注册似乎不可靠

我已经创建了最少的代码来测试这一点:

用JQTouch-

没有JQTouch(或任何其他JS库)-

我不确定这是否是与JQTouch库的交互 这导致了这些问题。但没有JQTouch的版本似乎对点击交叉按钮的反应更灵敏。关于如何使此功能正常工作,有什么建议吗
我们将不胜感激。谢谢你,Patrick如果你把输入类型命名为search,你会自动得到一个小X

<input type=search name=s>

这篇文章对你有很大帮助。

如果您不希望输入是type=search,那么您将不得不稍微伪造它。 1.创建一个div并使用css将其取整。 2.将您的输入放在那里,并删除webkit装饰、着色等。 3.在输入的右侧放置一个带有X图像的跨度。向该图像添加一个onclick以清除字段

<div><input type="text" id="thing"/><span onclick="clrField();"><img src="x.gif"/></span></div>