各种前端事件

最新推荐文章于 2023-07-13 07:00:00 发布

weixin_30335353

最新推荐文章于 2023-07-13 07:00:00 发布

阅读量194

点赞数

文章标签：前端 ViewUI

原文链接：http://www.cnblogs.com/mosson/p/6272755.html

版权

显示指定个数的字，多出的部分显示省略号

方式一：简单粗暴

　　显示前十个字符，后面的是省略号

方式二：老老实实写 css && js

css样式：

.slb{
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
        width: 80px;
    }

html页面：

<tr>
    <td class="user_defined slb">
        <span style="text-align: center" οnmοuseοut="miss(this)" οnmοusemοve="appear(this)" οndblclick="add_check(this)">{{ info.username.0 }}</span>
        <span hidden>{{ info.uid }}</span>
        <span hidden>{{ info.profit }}</span>
   </td>
</tr>

下面是js

function appear(ths) {
　　$(ths).parent().removeClass('slb')
        }
function miss(ths) {
　　var has_class = $(ths).parent().hasClass('slb');
　　if (has_class){
　　　　$(ths).parent().removeClass()
　　}else {
　　　　$(ths).parent().addClass('slb')
   }
}

显示限制的事件：

<!DOCTYPE html>
<html>
<head>
	<title>xxx</title>
	<meta charset="utf8">
</head>
<body>
<input type="text" οnkeyup='limit(this);'>
<script>
	function limit(ths){
		if (ths.value.length > 10){
			ths.value = ths.value.substring(0,10);
		}
	}
</script>
</body>
</html>

JS 中如何判断字符串类型的数字

var str = "37";
var n = Number(str);
if (!isNaN(n))
{
    alert("是数字");
}

js中的异步处理

<button type="button" class="btn btn-primary btn-sm" οnclick="save_all()"><i class="fa fa-dot-circle-o">确定</i></button>

function save_all() {
        var date = $('#date').val();
        var hk_a = $('#hk_a').val();
        var status = $('#status').val();
        params = {};
        params["date"] = date;
        params["hk_a"] = hk_a;
        params["status"] = status;
        if(date!=''&&hk_a!=''&&status!=''){
            $.post('/save_holiday_info',params,function (data) {
                async=false;
                cache=false;
                if(data.status == 0){
                    alert(data.message);
                    return false;
                }else {
                    alert(data.message);
                    window.location.href = document.referrer;
                }

            })
        }else {
            alert('请核对条件输入是否完整！！！！！');
            return false;
        }
    }

转载于:https://www.cnblogs.com/mosson/p/6272755.html

weixin_30335353

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
各种前端事件

显示指定个数的字，多出的部分显示省略号方式一：简单粗暴　　显示前十个字符，后面的是省略号{{ user_info.username | truncate(10) }}方式二：老老实实写 css && jscss样式：.slb{ text-overflow: ellipsis; white-space: nowrap;...
复制链接

扫一扫