要求：
1、input的右邊添加一個自定義icon圖標
2、鼠標放到icon上cursor變成pointer
3、點擊icon能觸發自定義事件。
4、不影響input的使用。
請教各位了。不要貼設置背景圖的icon的回复哦，背景是無法監聽到事件的。
如何給html 的input輸入框添加一個icon，並且能夠監聽到icon的點擊事件
- 写回答
- 好问题 0 提建议
- 追加酬金
- 关注问题
分享- 邀请回答
-
2条回答 默认 最新
jinnianshilongnian 2012-12-05 17:17关注这样不久行了？
本回答被题主选为最佳回答 , 对您是否有帮助呢?解决 无用评论 打赏举报 分享
- 2021-08-30 17:03回答 7 已采纳 有个思路是这样的1，你先给所有的input的最外层父div加上一个监听点击事件，当你点击某个input的时候，会冒泡触发div的点击事件，称为事件委托2，在这个点击事件里面可以拿到点击对象event.
- 2021-02-06 17:45回答 4 已采纳 padding-left: 20px;
- 2021-09-15 23:43回答 2 已采纳 <!--假设输入框input如下--> <input id='cartype' onfocus="getData()"/> <!--假设弹窗代码中点中的元素如下-->
- 2019-06-27 10:25xh-code的博客 $("#term").bind('input propertychange', function () { var term = $("#term").val(); if (!type.test(term)) { $("#message").html(" <a style='color:r...
- 2022-08-25 11:43回答 5 已采纳 <!-- 输入值 --> <input type="text" v-model="num"> <div> <!-- 这里遍历输入框 -->
- 2022-05-20 11:11回答 1 已采纳 用了兄弟元素控制
- 2021-06-24 17:49回答 1 已采纳 看看是否添加了style="ime-mode:disabled" 或是JavaScript控制输入字符 这两个都有可能导致无法输入中文
- 2020-12-28 19:58旋叶芦荟 ~~~的博客 {"moduleinfo":{"card_count":[{"count_phone":1,"count":1}],"search_count":[{"count_phone":5,"count":5}]},"card":[{"des":"阿里云函数计算(Function Compute)是一个事件驱动的全托管计算服务。您无需管理服务器...
- 2022-02-15 11:05回答 3 已采纳 你要不在 js赋值给input的时候，一起执行你想触发的函数？ <body> <input type="text" class=" allbord" name="d_name
- 2017-05-11 01:56回答 7 已采纳 通过dom关系获取， ``` 获取Text值 获取Text值 获取Text值 ```
- 2021-12-03 17:26回答 2 已采纳 <template> <el-card shadow="never"> <template #header> <di
- 2023-03-14 11:34平井缘的博客 【代码】微信小程序同时监听多个input，改变按钮状态。
- 2012-12-05 17:12回答 2 已采纳 这样不久行了？
- 2020-10-22 19:31weixin_39616045的博客 VUE使用百度地图教程简介：传统的百度地图如果搭建在vuecli中就还需要再index.html的文件还需要配置script参数，这样使用起来就像是穿了一件不合身的衣服，总是难受，而且vue也不推荐再使用jq来实现功能咯(不然为啥...
- 2022-11-28 08:30Dorable_Wander的博客 vue3 + antd + filter 纯前端过滤实现输入框input的关键字模糊搜索。通过接口将从后端获取到的数据展现在表格内，现在需要实现，根据关键字进行模糊搜索的功能。UI组件库沿用 ant design vue。
- 没有解决我的问题, 去提问
悬赏问题
- ¥15 如何实验stm32主通道和互补通道独立输出
- ¥30 这是哪个作者做的宝宝起名网站
- ¥60 版本过低apk如何修改可以兼容新的安卓系统
- ¥25 由IPR导致的DRIVER_POWER_STATE_FAILURE蓝屏
- ¥50 有数据，怎么建立模型求影响全要素生产率的因素
- ¥50 有数据，怎么用matlab求全要素生产率
- ¥15 TI的insta-spin例程
- ¥15 完成下列问题完成下列问题
- ¥15 C#算法问题, 不知道怎么处理这个数据的转换
- ¥15 YoloV5 第三方库的版本对照问题