JS--事件详解

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

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

例：

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

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

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

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>

摘自 ABCJIECBA的专栏

补充：web前端 , JavaScript ,