关于毕业设计的几个要点分享

用户体验

1. 删除确认

在按删除的时候,给个提示框提示用户是否真要删除,这就是一个不错的体验。

在删除那个按钮的input或者a中加入以下代码:

onclick="return confirm('您确定删除这篇文章吗?')"

2. 关闭网页提示

在文章编辑中,如果一不小心点了关闭网页按钮,打字辛辛苦苦就毁于一旦,这时,在关闭的时候一个提示,就可以让用户有恢复的可能。

在JS中加入以下代码:

window.onbeforeunload = quit_prompt;
function quit_prompt(){
    var warning="离开页面后修改的数据无法保存。";
    return warning;
}

3. 复选框全选

这个基本大部分网站都有,必须有不解释。

以下代码是jQuery的:

$("#check-all").click(function() {
     $("input:checkbox").attr("checked",$(this).attr("checked"));
});

4. Ctrl+Enter快捷提交

很多人有这样的习惯,聊天或者回复打完字就按 Ctrl+Enter发送,其实文章也可以这样,方法取自WP的快捷回复。

在textarea里面加入以下代码:

onkeydown = "if(event.ctrlKey&&event.keyCode==13) {
    document.getElementById('submit').click();
    return false;
};"

同时把提交按钮的id设置为submit就行啦。

    发表评论

    *
    *