20140527-在jQuery中设置文本框回车事件

position:static(静态定位) 当position属性定义为static时,可以将元素定义为静态位置,所谓静态位置就是各个元素在HTML文档流中应有的位置 podisition定位问题。所以当没有定义position属性时,并不说明该元素没有自己的位置,它会遵循默认显示为静态位置,在静态定位状态下无法通过坐标值(top,left,right,bottom)来改变它的位置。 position:absolute(绝对定位) 当position属性定义为absolute时,元素会脱离文档流,完全不受文档流的影响,根据某个参照物坐标来定位它的位置.当绝对定位元素没有显示的指明top,right,bottom,left定位属性时,它还是暂时未脱离文档流,并受文档流的影响,具有相对定位的特性,但是它在文档流中的位置已经不存在了。如果绝对定位只显示的定位x轴或者Y轴,那它只具备这个方向上的定位能力,另一个方向仍然显示为相对定位的特性。 坐标值: top:表示定位元素顶边外壁到参照物元素顶部内壁的距离 right:表示定位元素右边外壁到参照物元素右侧内壁的距离 left:表示定位元素左边外壁到参照物元素左侧内壁的距离 bottom:表示定位元素底边外壁到参照物元素底部内壁的距离
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
要在jquery引入高德地图搜索提示,并设置回车事件,可以按照以下步骤操作: 1. 在HTML文件引入jquery和高德地图API: ``` <script src="https://code.jquery.com/jquery-3.5.1.min.js"></script> <script src="https://webapi.amap.com/maps?v=1.4.15&key=yourKey"></script> ``` 其,`yourKey`需要替换成你自己的高德地图API key。 2. 在HTML文件添加一个输入框和一个搜索按钮: ``` <input type="text" id="searchInput"> <button id="searchBtn">搜索</button> ``` 3. 在jQuery使用高德地图API的`AMap.Autocomplete`类来实现搜索提示: ``` $(function() { // 初始化地图 var map = new AMap.Map('mapContainer', { zoom: 13, center: [116.39, 39.9] }); // 初始化搜索提示 var autoComplete = new AMap.Autocomplete({ input: 'searchInput' }); // 设置回车事件 $('#searchInput').on('keydown', function(e) { if (e.keyCode == 13) { // 获取输入框的值 var keyword = $('#searchInput').val(); // 根据关键字搜索 AMap.service(['AMap.PlaceSearch'], function() { var placeSearch = new AMap.PlaceSearch({ pageSize: 5, pageIndex: 1, city: '全国' }); placeSearch.search(keyword); }); } }); // 点击搜索按钮时搜索 $('#searchBtn').on('click', function() { // 获取输入框的值 var keyword = $('#searchInput').val(); // 根据关键字搜索 AMap.service(['AMap.PlaceSearch'], function() { var placeSearch = new AMap.PlaceSearch({ pageSize: 5, pageIndex: 1, city: '全国' }); placeSearch.search(keyword); }); }); }); ``` 在上面的代码,我们使用`keydown`事件监听输入框回车键,如果按下了回车键,就会根据输入框的值进行搜索。同时,我们也为搜索按钮添加了点击事件,以便用户点击按钮进行搜索。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值