JS--事件

1.js退出当前页面,一般常用于做系统登录的退出:

  confirm("....."),出现确定,取消弹出框,点击“确定”自动返回true,否则返回false(默认返回到当前页,取消该事件),参数是弹出框自定义的的提示信息

例:

 function logout(){
       if(confirm("退出登录?")){
       window.location = "<%=path%>/logout.action?accountType=Touch";//点击确定,要执行的操作
       }
  }

2.js给按钮添加回车事件,点回车触发按钮执行动作:F13

例:给BUTTON按钮添加回车事件,执行搜索操作

<input name="button" id="sButton" type="button"  class="right_btn07" οnclick="searchAdmin()" />

document.onkeydown = function(e){
       if(!e) e = window.event;
       if((e.keyCode || e.which) == 13){
           document.getElementById("sButton").click();//将回车事件按照属性id添加到指定的按钮上,触发该按钮的click事件依次执行一下的操作,调用searchAdmin()方法
       }
}

function searchAdmin(){
    var str = document.getElementById("key").value;
    window.location="${path}search.action?type=admin&key=" + encodeURI(encodeURI(str));

 }

 

3.JS页面截取字符,限制字符的显示长度,超出长度范围用“...”表示

首先在页面上引入标签库:

<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/functions" prefix="fn"%>

 

然后在要显示的地方用c标签判断,fn标签的substring(..,..)截取,第一个参数是要截取的字符的首位置下标,第二个参数是要截取的长度

<a  href="<%=path %>/scenic/addOrUpdateAdmin.jsp?type=show&id=${str.id }"  >
               <c:choose>
               <c:when test="${fn:length(str.loginName) > 6}"> 
               <c:out value="${fn:substring(str.loginName,0, 6)}..." /> 
               </c:when>
               <c:otherwise> 
               <c:out value="${str.loginName}" /> 
               </c:otherwise>
               </c:choose>
 </a>

4.敲回车触发搜索事件,搜索框有光标时,回车搜索,保证搜索的搜索框输入的条件,搜索框没有光标时回车不触发事件

function test(){
       e = window.event;
       if(e.keyCode ==13){
            document.getElementById("sButton").click();
        }
     }

 

<input class="input_ser" name="key" type="text" id="key"
         value="${key }" οnkeydοwn="test()"/>     /**搜索框---输入搜索条件*/

<input name="button" id="sButton" type="button"
         class="right_btn07" οnclick="searchDyt()" />   /**限制回车事件触发的条件*/

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值